Jelajahi Sumber

修改tabs标签文字颜色

asd123a20 2 tahun lalu
induk
melakukan
ae4441ec18
2 mengubah file dengan 9 tambahan dan 3 penghapusan
  1. 1 1
      src/components/link/index.vue
  2. 8 2
      src/components/list/index.vue

+ 1 - 1
src/components/link/index.vue

@@ -2,7 +2,7 @@
   <div class="links">
     <div class="title">
       <el-image class="titleImg" :src="url"></el-image>
-      <h2 class="titleText">友情链接</h2>
+      <div class="titleText">友情链接</div>
     </div>
     <div class="linkbox">
       <div class="iinkItem" :class="{ item: itemId == item._id }" v-for="(item, index) in linkTypeList" :key="index" @click="itemClick(item)">

+ 8 - 2
src/components/list/index.vue

@@ -8,8 +8,8 @@
         更多
       </div>
     </div>
-    <el-tabs :stretch="false" v-model="activeName" :type="tabsType" @tab-click="handleClick" :class="{ borderCard: tabsType == 'border-card' }">
-      <el-tab-pane v-for="(item, index) in tabsList" :key="index" :label="item.title" :name="item.code" :parentCode="item.parentCode">
+    <el-tabs v-model="activeName" :type="tabsType" @tab-click="handleClick" :class="{ borderCard: tabsType == 'border-card' }">
+      <el-tab-pane v-for="(item, index) in tabsList" :key="index" :label="item.title" :name="item.code">
         <div v-if="items.list.length > 0">
           <div class="isimg" v-if="isImg && items.list" @click="itemClick(items.item)">
             <el-image class="isimg-img" v-if="items.item && items.item.thumbnail" :src="items.item && items.item.thumbnail"></el-image>
@@ -128,6 +128,12 @@ export default {
   width: 30%;
   height: 360px;
   .el-tabs{
+    ::v-deep .is-top {
+      color: #000;
+    }
+    ::v-deep .is-active {
+      color: #007ce2;
+    }
     ::v-deep .el-tabs__content {
       height: 280px;
     }