更新

src/layout/common/menus.vue

@@ -2,7 +2,7 @@
   <div id="menus">
     <el-row>
       <el-col :span="24">
-        <el-menu :default-active="$route.path" router class="el-menu-demo" mode="horizontal" @select="handleSelect">
+        <el-menu :default-active="$route.path" router class="el-menu-demo" mode="horizontal">
           <el-menu-item index="/news/index">新闻动态</el-menu-item>
           <el-menu-item index="/result/index">成果展示</el-menu-item>
           <el-menu-item index="/service/index">计算服务</el-menu-item>
@@ -26,11 +26,7 @@ export default {
     };
   },
   created() {},
-  methods: {
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
+  methods: {},
   computed: {
     ...mapState(['user']),
     pageTitle() {

src/views/news/listDetail.vue

@@ -3,16 +3,11 @@
     <el-row>
       <el-col :span="24" class="style">
         <el-col :span="24" class="top">
-          头部
-        </el-col>
-        <el-col :span="24" class="banner">
-          <div class="w_1200">
-            logo
-          </div>
+          <top></top>
         </el-col>
         <el-col :span="24" class="menu">
           <div class="w_1200">
-            菜单
+            <menus></menus>
           </div>
         </el-col>
         <el-col :span="24" class="main">
@@ -40,7 +35,7 @@
         </el-col>
         <el-col :span="24" class="foot">
           <div class="w_1200">
-            底部
+            <foot></foot>
           </div>
         </el-col>
       </el-col>
@@ -49,12 +44,19 @@
 </template>
 
 <script>
+import top from '@/layout/common/top.vue';
+import menus from '@/layout/common/menus.vue';
+import foot from '@/layout/common/foot.vue';
 import listDetails from './parts/listDetail.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'listDetail',
   props: {},
-  components: {},
+  components: {
+    top,
+    menus,
+    foot,
+  },
   data: function() {
     return {
       menuList: [{ name: '科技资讯' }, { name: '技术前沿' }, { name: '工作动态' }, { name: '通知通告' }],
@@ -133,12 +135,6 @@ export default {
   margin: 0 auto;
 }
 .style {
-  .top {
-    height: 40px;
-  }
-  .banner {
-    height: 220px;
-  }
   .menu {
     height: 70px;
     margin: 0 0 10px 0;
@@ -192,7 +188,7 @@ export default {
     }
   }
   .foot {
-    height: 120px;
+    height: 135px;
   }
 }
 </style>