注释

src/layout/index/native.vue

@@ -12,22 +12,17 @@
           <el-menu-item v-else :index="item.path" :key="index">{{ item.name }}</el-menu-item>
         </template>
       </el-menu> -->
-      <el-menu
-        :default-active="activeIndex2"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        background-color="#850000"
-        text-color="#fff"
-        active-text-color="#fff"
-        style="height:40px;"
-        >
+      <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
+               background-color="#850000" text-color="#fff" active-text-color="#fff" style="height:40px;">
         <el-menu-item index="1">首页</el-menu-item>
         <el-submenu index="2">
-          <template slot="title">招聘管理</template>
-          <el-menu-item index="2-1">宣讲会</el-menu-item>
-          <el-menu-item index="2-2">招聘会</el-menu-item>
-          <el-menu-item index="2-3">职位管理</el-menu-item>
+          <template slot="title">新闻资讯</template>
+          <el-menu-item index="2-1">科技要闻</el-menu-item>
+          <el-menu-item index="2-2">学术资讯</el-menu-item>
+          <el-menu-item index="2-3">工作动态</el-menu-item>
+        </el-submenu>
+        <el-submenu index="3">
+          <template slot="title">起算服务</template>
         </el-submenu>
       </el-menu>
     </el-row>
@@ -42,26 +37,29 @@ export default {
   },
   components: {},
   data: () => ({
-    activeIndex2:'1'
+    activeIndex2: '1'
   }),
-  created() {},
+  created() { },
   computed: {},
   methods: {
     handleSelect(key, keyPath) {
-        // eslint-disable-next-line no-console
-        console.log(key, keyPath);
-      }
+      // eslint-disable-next-line no-console
+      console.log(key, keyPath);
+    }
   },
 };
 </script>
 
 <style lang="less" scoped>
-.el-menu--horizontal>.el-menu-item{
+.el-menu-demo {
+  padding-left: 100px;
+}
+.el-menu--horizontal > .el-menu-item {
   height: 40px;
-  line-height:40px;
+  line-height: 40px;
 }
-/deep/.el-menu--horizontal>.el-submenu .el-submenu__title{
+/deep/.el-menu--horizontal > .el-submenu .el-submenu__title {
   height: 40px;
-  line-height:40px;
+  line-height: 40px;
 }
 </style>

src/layout/index/top.vue

@@ -1,17 +1,8 @@
 <template>
   <div id="top">
     <el-row>
-      <el-col :span="24" class="top" :style="'background: url(' + topInfo.logoBei + ');height:300px;'">
-        <div class="w_1200">
-          <el-col :span="2">
-            <el-image style="width:100px;height:100px" :src="topInfo.logo || ''"></el-image>
-          </el-col>
-          <el-col :span="22" class="topTit">
-            <el-link :underline="false">
-              {{ topInfo.title }}
-            </el-link>
-          </el-col>
-        </div>
+      <el-col :span="24" class="image">
+        <el-image :src="logolist.logo"></el-image>
       </el-col>
     </el-row>
   </div>
@@ -21,7 +12,7 @@
 export default {
   name: 'top',
   props: {
-    topInfo: null,
+    logolist: null,
   },
   components: {},
   data: () => ({}),
@@ -32,22 +23,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.w_1200{
-  width:1200px;
-  margin:0 auto;
-}
-.top{
-  padding: 80px 0;
-}
-.top .topTit{
-  height: 104px;
-  line-height: 104px;
-  padding: 0 10px;
-}
-.top .topTit .el-link.el-link--default {
-  font-size: 3em;
-  font-family: cursive;
-  color: #850000;
-  text-shadow: 2px 2px 0 #fff;
+.image{
+  padding: 20px;
 }
 </style>

src/views/index/index.vue

@@ -3,11 +3,13 @@
     <el-row>
       <el-col :span="24" class="top">
         <div class="w_1200">
-          头部
+          <top :logolist="logolist"></top>
         </div>
       </el-col>
       <el-col :span="24" class="menu">
-        导航
+        <div class="w_1200"></div>
+        <native></native>
+        <news></news>
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
@@ -37,10 +39,20 @@
 </template>
 
 <script>
+import top from '../../layout/index/top.vue';
+import native from '../../layout/index/native.vue';
+import news from '../../layout/index/news.vue';
+
 export default {
   name: 'index',
-  props: {},
-  components: {},
+  props: {
+    logolist:null,
+  },
+  components: {
+    top,
+    native,
+    news,
+  },
   data: () => ({}),
   created() { },
   computed: {},