11

src/components/common/link1.vue

@@ -0,0 +1,76 @@
+<template>
+  <div id="link">
+    <el-row>
+      <el-col :span="24" class="link">
+        <div class="w_1200">
+          <el-col :span="24" class="one">
+            <el-col :span="3" class="link">
+              友情链接
+            </el-col>
+            <el-col :span="21" class="linkImg">
+              <el-col :span="6" v-for="(item, index) in links" :key="index" class="links">
+                <el-link :href="item.href1" :underline="false">
+                  <el-image :src="item.url"></el-image>
+                </el-link>
+              </el-col>
+            </el-col>
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'link1',
+  props: {
+    links: { type: Array },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.link {
+  margin-bottom: 10px;
+  .one {
+    height: 100px;
+    background-color: #fff;
+    .link {
+      font-size: 22px;
+      font-weight: bold;
+      color: #2c3250;
+      height: 100px;
+      line-height: 100px;
+      text-align: center;
+    }
+    .linkImg {
+      padding: 25px 0px;
+      .links {
+        text-align: center;
+        .el-image {
+          width: 245px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/index.vue

@@ -97,50 +97,13 @@
                       <el-image :src="item.url" style="width: 170px;height: 53px;"></el-image>
                     </el-link>
                   </span>
-                  <!-- <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span>
-                  <span class="img">
-                    <img src="../assets/service1.jpg" style="width: 170px;height: 53px;" />
-                  </span> -->
                 </el-col>
               </el-col>
             </el-col>
           </div>
         </el-col>
-        <el-col :span="24" class="link">
-          <div class="w_1200">
-            <el-col :span="24" class="one">
-              <el-col :span="3" class="link">
-                友情链接
-              </el-col>
-              <el-col :span="21" class="linkImg">
-                <el-col :span="6" v-for="(item, index) in links" :key="index" class="links">
-                  <el-link :href="item.href1" :underline="false">
-                    <el-image :src="item.url"></el-image>
-                  </el-link>
-                </el-col>
-              </el-col>
-            </el-col>
-          </div>
+        <el-col :span="24">
+          <link1 :links="links"></link1>
         </el-col>
         <el-col :span="24">
           <foot></foot>
@@ -155,6 +118,7 @@ import { mapState, createNamespacedHelpers } from 'vuex';
 import top from '../components/common/top.vue';
 import menus from '../components/common/menus.vue';
 import foot from '../components/common/foot1.vue';
+import link1 from '../components/common/link1.vue';
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
@@ -165,6 +129,7 @@ export default {
     top,
     menus,
     foot,
+    link1,
   },
   data: function() {
     return {
@@ -344,31 +309,6 @@ export default {
     }
   }
 }
-.link {
-  margin-bottom: 10px;
-  .one {
-    height: 100px;
-    background-color: #fff;
-    .link {
-      font-size: 22px;
-      font-weight: bold;
-      color: #2c3250;
-      height: 100px;
-      line-height: 100px;
-      text-align: center;
-    }
-    .linkImg {
-      padding: 25px 0px;
-      .links {
-        text-align: center;
-        .el-image {
-          width: 245px;
-          height: 50px;
-        }
-      }
-    }
-  }
-}
 .title {
   height: 39px;
   border-bottom: 1px solid #ccc;

src/views/kjzy/index.vue

@@ -53,5 +53,7 @@ export default {
 }
 .info {
   background-color: #fff;
+  min-height: 500px;
+  margin-top: 10px;
 }
 </style>