修改首页质检中心/协会/杂志社/标准委/其他列表样式

src/views/Home/comps/other-list.vue

@@ -2,11 +2,13 @@
   <div class="list">
     <div v-for="(tmp, i) in list" :key="i" class="row">
       <div class="col li">
-        <span></span>
-        <span :title="tmp.name" @click="handelUrl(tmp)">{{ tmp.name }}</span>
-        <span :title="tmp.subName" @click="handelSubUrl(tmp)"
-          ><a>{{ tmp.subName }}</a></span
-        >
+        <span class="ico"></span>
+        <div class="li-right">
+          <span :title="tmp.name" @click="handelUrl(tmp)">{{ tmp.name }}</span>
+          <span :title="tmp.subName" @click="handelSubUrl(tmp)"
+            ><a>{{ tmp.subName }}</a></span
+          >
+        </div>
       </div>
     </div>
   </div>
@@ -61,21 +63,20 @@ export default {
       font-size: 14px;
       color: #7e8ea9;
       @include ellipsis;
-      span {
-        display: inline-block;
-        &:nth-child(1) {
-          width: 4px;
-          height: 4px;
-          background: #f26335;
-          border-radius: 50%;
-          margin-right: 10px;
-        }
-        &:nth-child(3) {
-          a {
-            text-decoration: underline;
-            color: #ff7f24;
-          }
-        }
+      .ico {
+        width: 4px;
+        height: 4px;
+        background: #f26335;
+        border-radius: 50%;
+        margin-right: 10px;
+      }
+      .li-right{
+        @include ellipsis;
+        flex: 1;
+      }
+      a {
+        text-decoration: underline;
+        color: #ff7f24;
       }
     }
   }