参会流程

src/pages/home2/components/empennage/index.vue

@@ -6,16 +6,16 @@
       <span class="title borderRight">友情链接</span>
     </div>
     <div style="display: inline-block;width: 80%;text-align: center">
-      <div>
-        <el-row>
-            <span v-for="(item, index) in linkListFirst" :key="index">
+      <el-row>
+        <span v-for="(item, index) in linkListFirst" :key="index">
               <el-col :span="4">
                 <img
                   style="height: 10px;width: 10px;margin-bottom: 3px"
                   :src="item.icon"
                   v-if="index < 5">
                 <a v-if="index < 5" style="color: #0068B7;" @click="openLinkUrl(item.url)" target="_blank">
-                  {{ item.name }}
+                  <a v-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
+                  <a v-else>{{ item.name }}</a>
                 </a>
               </el-col>
                <el-col :span="1" v-if="index < 4" v-show="true">
@@ -25,18 +25,17 @@
                 <span class="borderMiddle"></span>
               </el-col>
             </span>
-        </el-row>
-      </div>
-      <div>
-        <el-row>
-          <span v-for="(item, index) in linkListSecond" :key="index">
+      </el-row>
+      <el-row style="margin-bottom: 10px;">
+        <span v-for="(item, index) in linkListSecond" :key="index">
               <el-col :span="4">
                 <img
                   style="height: 10px;width: 10px;margin-bottom: 3px"
                   :src="item.icon"
                   v-if="index < 5">
                 <a v-if="index < 5" style="color: #0068B7;" @click="openLinkUrl(item.url)" target="_blank">
-                  {{ item.name }}
+                   <a v-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
+                  <a v-else>{{ item.name }}</a>
                 </a>
               </el-col>
                <el-col :span="1" v-if="index < 4" v-show="true">
@@ -46,8 +45,7 @@
                 <span class="borderMiddle"></span>
               </el-col>
             </span>
-        </el-row>
-      </div>
+      </el-row>
     </div>
     <div style="display: inline-block;width: 15%;">
       <span class="borderLeft"></span>
@@ -61,6 +59,15 @@ import {getImg} from '@/api/linkApi.js'
 
 export default {
   name: 'Empennage',
+  filters: {
+    snippet: function (value) {
+      if (value && value.length > 8) {
+        return value.slice(0, 8) + '...'
+      } else {
+        return value
+      }
+    }
+  },
   components: {},
   mixins: [],
   data() {
@@ -168,6 +175,7 @@ export default {
 
 <style lang="less" scoped>
 .link {
+  background-color: #fff;
   margin-right: 10px;
   display: flex;
   border-radius: 3px;
@@ -206,6 +214,10 @@ export default {
     color: #0068B7;
   }
 
+  .el-col-1 {
+    margin-top: 10px;
+  }
+
   .el-col-4 {
     white-space: nowrap;
     text-overflow: ellipsis;

src/pages/home2/index.vue

@@ -29,9 +29,7 @@
     </div>
   </div>
   <div calss="home_footer" style="padding: 0">
-    <el-card class="footer">
       <Empennage></Empennage>
-    </el-card>
   </div>
 </div>
 </template>
@@ -185,7 +183,7 @@ export default {
   /deep/.el-card__body {
     padding: 0;
   }
-  .footer {
+  .home_footer {
     height: 70px;
     line-height: 33px;
     //margin-top: 0.3vh;