commit

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

@@ -3,12 +3,12 @@
   <div class="link">
     <div class="title">友情链接</div>
     <ul>
-      <li v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
+      <li class="myLi1" v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
         <a v-if="link.name.length>10" v-html="link.name.substring(0,10)+'...'" :title="link.name"></a>
         <a v-else v-html="link.name" :title="link.name"></a>
       </li>
-      <li>
-        <router-link to="/linkManage">更多链接></router-link>
+      <li class="myLi2">
+        <span @click="$router.push('linkManage')">更多链接 ⋙</span>
       </li>
     </ul>
   </div>
@@ -61,6 +61,7 @@ export default {
   border-radius: 3px;
   height: 100%;
   .title {
+    font-weight: bold;
     padding-left: 10px;
     width: 80px;
   }
@@ -70,20 +71,25 @@ export default {
     height: 100%;
     text-align: center;
     user-select: none;
-    li {
-      border-right: 1px solid #f4f4f4;
+    .myLi1 {
+      border-right: 2px solid #f4f4f4;
       flex: 1;
       a {
         color: #333333;
       }
     }
-    li:hover {
+    .myLi1:hover {
       background: #5ea9f6;
       a {
-        color: #e9ca32;
+        color: #fff;
         text-decoration: none;
       }
     }
+    .myLi2 {
+      padding: 0 10px;
+      cursor: pointer;
+      color: #5ea9f6 !important;
+    }
   }
 }
 </style>