修改主页，去除提示板，增加联系我们

src/router/index.js

@@ -56,6 +56,12 @@ const routes = [
         name: "About",
         component: () =>
           import(/* webpackChunkName: "about" */ "../views/About.vue")
+      },
+      {
+        path: "/relation",
+        name: "Relation",
+        component: () =>
+          import(/* webpackChunkName: "relation" */ "../views/Relation.vue")
       }
     ]
   },

src/views/About.vue

@@ -25,8 +25,8 @@
         <p>
           为进一步加快行业职教互联网化进程，提高职业教育的教学水平，提升个人能力的共享实训平台，我公司长期面向社会寻求代理合作，
           代理商主要负责市场推广及商务交流、项目招投标等内容，详情咨询
-          <strong><em>13289398171</em></strong>
+          <strong><em>13910989830</em></strong>
-          宋经理。
+          许经理。
         </p>
       </article>
 
@@ -93,7 +93,7 @@ export default {
   padding: 10px;
 
   .container {
-    width: 55%;
+    width: 50%;
     margin: auto;
     background: #fff;
     padding: 80px;

src/views/Home/Announce/index.vue

@@ -1,7 +1,10 @@
 <template>
-  <div
+  <div class="announce animate__animated animate__bounceIn animate__faster">
-    class="announce animate__animated animate__bounceIn animate__faster"
+    <!-- <h3>联系方式</h3>
-  ></div>
+    <p><span v-html="`联系人：`" />许经理</p>
+    <p><span v-html="`手&ensp;&ensp;机：`" />13910989830</p>
+    <p><span v-html="`邮&ensp;&ensp;箱：`" />henry@joylink.club</p> -->
+  </div>
 </template>
 <script>
 import { Notification } from "element-ui";
@@ -14,25 +17,26 @@ export default {
   },
   mounted() {
     Notification.closeAll();
-    this.notify(
+    // this.notify(
-      "<div><strong>尊敬的用户：</strong></div>" +
+    //   "网站域名变更公告",
-        "<p style='text-indent:2em'>由于系统改版升级，原云平台网址（<em>https://www.joylink.club</em>）现已变更为官方网站。</p>" +
+    //   "<div><strong>尊敬的用户：</strong></div>" +
-        "<p style='text-indent:2em'>新实训平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/'>https://joylink.club/cbtc/</a></p>" +
+    //     "<p style='text-indent:2em'>由于系统改版升级，原云平台网址（<em>https://www.joylink.club</em>）现已变更为官方网站。</p>" +
-        "<p style='text-indent:2em'>新设计平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/design/'>https://joylink.club/cbtc/design/</a></p>" +
+    //     "<p style='text-indent:2em'>新实训平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/'>https://joylink.club/cbtc/</a></p>" +
-        "<p style='text-indent:2em'><a style='color:blue' href='/exhibition'>点此查看其他系统入口。</a></p>"
+    //     "<p style='text-indent:2em'>新设计平台入口：<a style='color:blue' target='_blank' href='https://joylink.club/cbtc/design/'>https://joylink.club/cbtc/design/</a></p>" +
-    );
+    //     "<p style='text-indent:2em'><a style='color:blue' href='/exhibition'>点此查看其他系统入口。</a></p>"
+    // );
   },
   beforeDestroy() {
     Notification.closeAll();
   },
   methods: {
-    notify(message) {
+    notify(title, message) {
       this.$notify({
-        title: "网站域名变更公告",
         duration: 0,
         position: "top-right",
         dangerouslyUseHTMLString: true,
         customClass: "notify",
+        title,
         message
       });
     }
@@ -58,5 +62,13 @@ export default {
 
 <style lang="scss" scoped>
 .announce {
+  // position: fixed;
+  // top: 80px;
+  // right: 0px;
+  // z-index: 999;
+  // background: #ff850b;
+  // padding: 10px 32px;
+  // text-align: left;
+  // color: #fff;
 }
 </style>

src/views/Home/eNavTop.vue

@@ -1,117 +0,0 @@
-<template>
-  <div class="top" :style="{ height: visible ? 'auto' : '25px' }">
-    <div class="nav">
-      <div class="container">
-        <div
-          class="menu"
-          v-for="(el, i) in menus"
-          :class="active == i ? 'active' : ''"
-          :key="i"
-          @click="onMenuChange(el, i)"
-        >
-          <i :class="el.icon" style="margin-right:5px" />
-          <router-link :to="el.href">
-            <span>{{ el.name }}</span>
-          </router-link>
-          <i
-            v-if="el.popup"
-            style="margin-left:5px"
-            class="el-icon-arrow-down"
-          />
-        </div>
-      </div>
-    </div>
-    <div class="layer">
-      <el-collapse-transition>
-        <div v-show="visible">
-          //下拉card
-        </div>
-      </el-collapse-transition>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      active: -1,
-      visible: false
-    };
-  },
-  computed: {
-    menus() {
-      return [
-        {
-          name: "登录",
-          icon: "el-icon-user",
-          href: "//login",
-          popup: false
-        }
-      ];
-    }
-  },
-  methods: {
-    onMenuChange(el, index) {
-      if (el.popup) {
-        this.active = this.active == index ? -1 : index;
-        this.visible = this.active == index;
-      }
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.top {
-  text-align: right;
-  background-color: transparent;
-  .nav {
-    height: 25px;
-    width: 100%;
-    text-align: center;
-    transition: all 0.5s;
-    transform: translate3d(0, 0, 0);
-    background-color: #111111;
-
-    .container {
-      height: 100%;
-      width: 93.705%;
-      margin-right: auto;
-      margin-left: auto;
-      padding-left: 15px;
-      padding-right: 15px;
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      .menu {
-        height: 100%;
-        margin-left: 10px;
-        margin-right: 0;
-        padding: 0 10px;
-        display: flex;
-        align-content: center;
-        align-items: center;
-        cursor: pointer;
-        user-select: none;
-        span {
-          font-size: 12px;
-          color: #fff;
-        }
-        i {
-          font-size: 13px;
-          color: #fff;
-        }
-      }
-    }
-  }
-
-  .layer {
-  }
-}
-
-.active {
-  color: #818181 !important;
-  background: #fff;
-}
-</style>

src/views/Home/index.vue

@@ -33,8 +33,7 @@ export default {
   display: inline-block;
   width: 100%;
   .container {
-    width: 85.652%;
+    width: 70%;
-    max-width: 1430.016px;
     margin: auto;
   }
 }

src/views/Layout/eFooter/eCopy.vue

@@ -35,7 +35,8 @@ export default {
       return [
         {
           name: "联系我们",
-          href: "/about?aim=proxy"
+          // href: "/about?aim=proxy"
+          href: "/relation"
         }
       ];
     }

src/views/Layout/eHeader/index.vue

@@ -57,6 +57,10 @@ export default {
         {
           name: "关于玖琏",
           href: "/about"
+        },
+        {
+          name: "联系方式",
+          href: "/relation"
         }
       ];
     },

src/views/PreviewPdf/index.vue

@@ -45,7 +45,7 @@ export default {
   min-height: 100vh;
 
   .page {
-    width: 60%;
+    width: 55%;
     margin: auto;
     background: #fff;
     margin-bottom: 10px;

src/views/Relation.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="page">
+    <div class="container">
+      <p><span v-html="`联系人：`" />许经理</p>
+      <p><span v-html="`手&ensp;&ensp;机：`" />13910989830</p>
+      <p><span v-html="`邮&ensp;&ensp;箱：`" />henry@joylink.club</p>
+      <p><span v-html="`微&ensp;&ensp;信：`" /></p>
+      <div class="picture">
+        <el-image :src="wxcode" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import wxcode from "@/assets/source/wxcode.png";
+
+export default {
+  data() {
+    return {
+      wxcode
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+  background: #f7f7f9;
+  .container {
+    width: 50%;
+    margin: auto;
+    padding: 30px 50px;
+    background: #fff;
+    text-align: left;
+
+    .picture {
+      width: 100%;
+      text-align: center;
+      .el-image {
+        width: 400px;
+        border: 1px solid #eee;
+      }
+    }
+  }
+}
+</style>