更新

src/layout/index/cause.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="cause">
+    <p>cause</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'cause',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/layout/index/friendLink.vue

@@ -6,11 +6,18 @@
           <span>友情链接</span>
         </el-col>
         <el-col :span="24" class="image">
-          <el-col :span="3" v-for="(item, index) in linkImgList" :key="index">
+          <!-- <el-col :span="3" v-for="(item, index) in linkImgList" :key="index">
             <el-link :underlne="false">
               <el-image :src="item.url"></el-image>
             </el-link>
-          </el-col>
+          </el-col> -->
+          <ul class="link-list">
+            <li class="link-item" v-for="(item, index) in linkImgList" :key="index">
+              <a :href="item.link" class="link" title="新职业网" target="_blank" rel="nofollow">
+                <img :src="item.url" alt="">
+              </a>
+            </li>
+          </ul>
         </el-col>
       </el-col>
     </el-row>
@@ -47,4 +54,27 @@ export default {
   color: #850000;
   border: 1px solid #ccc;
 }
+.link-list{
+  margin:0;
+  padding:0;
+}
+.link-list .link-item {
+  float: left;
+  border: 1px solid #eee;
+  display: table;
+  width: 178px !important;
+  margin: 0 9px 10px 0;
+  padding: 5px;
+}
+.link-list .link {
+  display: table-cell;
+  height: 30px !important;
+  vertical-align: middle;
+  text-align: center;
+}
+.link-list .link img {
+  max-width: 100%;
+  max-height: 100%;
+  vertical-align: middle;
+}
 </style>

src/views/index/index.vue

@@ -39,7 +39,7 @@
               <fast></fast>
             </el-col>
             <el-col :span="16" class="cause">
-              吉林省事业单位
+              <cause></cause>
             </el-col>
           </el-col>
           <el-col :span="24" class="mainWheel">
@@ -83,6 +83,7 @@ import login from '../../layout/index/login.vue';
 import calendar from '../../layout/index/calendar.vue';
 import recruit from '../../layout/index/recruit.vue';
 import fast from '../../layout/index/fast.vue';
+import cause from '../../layout/index/cause.vue';
 import friendLink from '../../layout/index/friendLink.vue';
 import footDown from '../../layout/index/foot.vue';
 export default {
@@ -108,6 +109,7 @@ export default {
     calendar,
     recruit,
     fast,
+    cause,
     friendLink,
     footDown,