更新

public/home.html

@@ -13,13 +13,16 @@
     .canvas-stats {
       display: none;
     }
-    .erweima{
-      position: fixed;
-      top: 50px;
-      width: 100px;
-      height: 100px;
-      border: 1px solid red;
-      display: none;
+    .notice{
+      color:#fff;
+      display: block;
+      padding: 0 80px;
+      text-align: right;
+      font-size: 20px;
+    }
+    .notice:hover{
+      cursor: pointer;
+      color: #0085d2;
     }
   </style>
 </head>
@@ -31,10 +34,7 @@
     </a>
     <img class='image' src="static/images/logo.png" alt="">
     <p class='title'>中科在线</p>
-    <p style="color:#fff;display: none;" onclick="guanzhu()">关注公众号</p>
-  </div>
-  <div class='erweima' id="idma">
- 二维码
+    <p class='notice' onclick="noticeBtn()">通知</p>
   </div>
   <img class="sci-wheel" src="static/home/images/sci.gif" alt="">
   <div class="center">
@@ -416,15 +416,11 @@
     }
 
     ThreeJSCanvas(1);
-    function guanzhu() {
-    var idma = document.getElementById('idma');
-    if (idma.style.display == 'block') { // == 判断div.display是否为显示
-        idma.style.display = 'none'; //= 赋值也可了解成改变
-      }
-      else {
-        idma.style.display = 'block';
+  </script>
+  <script>
+    function noticeBtn() {
+      window.location.href="../notice/index"
       }
-    }
   </script>
 </body>
 <!-- layui -->

public/static/liveIndex.html

@@ -79,6 +79,7 @@
 <script language="javascript">
  function btnDirect() {
      var query = window.location.search.substring(1);
+     console.log(query);
      window.location.href = "../hall/direct?"+query
   }
   function GetQueryString(name) {

src/router/index.js

@@ -175,6 +175,13 @@ const live = [
         meta: { title: '科技对接' },
         component: () => import('../views/market/contact.vue'),
       },
+      // 08-12通知
+      {
+        path: '/notice/index',
+        name: 'notice',
+        meta: { title: '通知详情' },
+        component: () => import('../views/notice/index.vue'),
+      },
     ],
   },
   //企业-信息管理

src/views/notice/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24">
+        <div class="w_1200">
+          通知管理
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  margin: 0 auto;
+  width: 80%;
+}
+</style>