合并

src/layout/index/foot.vue

@@ -2,22 +2,30 @@
   <div id="foot">
     <el-row>
       <el-col :span="24" class="down">
-        <el-col :span="24">
-          <p class="text">{{downList.copyright}}</p>
+        <!-- <el-col :span="24">
+          <p class="text">{{downList.title}}</p>
         </el-col>
         <el-col :span="24">
-          <p class="text">域名备案信息：{{downList.domain}}</p>
+          <p class="text">{{downList.jishu}}</p>
+          <p class="text">{{downList.youbian}}</p>
+          <p class="text">{{downList.chuanzhen}}</p>
         </el-col>
+        <el-col :span="24">
+          <p class="text">{{downList.address}}</p>
+          <p class="text">{{downList.phone}}</p>
+          <p class="text">{{downList.email}}</p>
+        </el-col> -->
+        <!-- {{downList.content}} -->
+{{content}}
       </el-col>
     </el-row>
   </div>
 </template>
-
 <script>
 export default {
   name: 'foot',
   props: {
-    downList:null,
+    content:null,
   },
   components: {},
   data: () => ({}),

src/layout/index/native.vue

@@ -12,8 +12,9 @@
           <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-col :span="24">
+        <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
+               background-color="#336699" 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>
@@ -56,6 +57,7 @@
           <el-menu-item index="6-3">廉政建设</el-menu-item>
         </el-submenu>
       </el-menu>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -82,9 +84,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.el-menu-demo {
-  padding-left: 100px;
-}
 .el-menu--horizontal > .el-menu-item {
   height: 40px;
   line-height: 40px;

src/views/index/index.vue

@@ -7,7 +7,7 @@
         </div>
       </el-col>
       <el-col :span="24" class="menu">
-        <div class="w_1200">
+        <div class="w_1200" >
           <native></native>
         </div>
       </el-col>
@@ -33,7 +33,7 @@
       </el-col>
       <el-col :span="24" class="down">
         <div class="w_1200">
-          <foot></foot>
+          <footinfo :content="content"></footinfo>
         </div>
       </el-col>
     </el-row>
@@ -45,18 +45,21 @@ import top from '../../layout/index/top.vue';
 import native from '../../layout/index/native.vue';
 import news from '../../layout/index/news.vue';
 import chengguo from '../../layout/index/chengguo.vue';
+import footinfo from '../../layout/index/foot.vue';
 export default {
   name: 'index',
   props: {
     logolist:null,
     newslist:null,
     chengguolist:null,
+    content:null,
   },
   components: {
     top,
     native,
     news,
     chengguo,
+    footinfo,
   },
   data: () => ({}),
   created() { },
@@ -114,5 +117,6 @@ export default {
 .down {
   height: 100px;
   border: 1px solid #ccc;
+  background-color:#336699;
 }
 </style>