样式调整

src/page/index/tags.vue

@@ -39,10 +39,7 @@
         </el-tab-pane>
       </el-tabs>
       <el-dropdown class="avue-tags__menu">
-        <el-button type="primary">
+         <el-icon style="font-size:20px;padding-top:5px;padding-right:5px"><More /></el-icon>
-          {{ $t('tagsView.menu') }}
-          <i class="el-icon-arrow-down el-icon--right"></i>
-        </el-button>
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item @click="openSearch"

src/styles/tags.scss

@@ -29,7 +29,7 @@
     line-height: 40px;
     font-size: 13px;
     font-weight: normal;
-    color: #ccc;
+    color: #a8abb2;
 
     &.is-active {
       color: var(--el-color-primary);

src/styles/theme/go.scss

@@ -76,53 +76,53 @@
   .avue-main{
     background-color: rgb(249,250,251);
   }
-  .avue-tags {
+  // .avue-tags {
-    margin: 5px 6px 8px 6px;
+  //   margin: 5px 6px 8px 6px;
-    padding-bottom: 2px;
+  //   padding-bottom: 2px;
-
+
-    .el-tabs__nav-prev,
+  //   .el-tabs__nav-prev,
-    .el-tabs__nav-next {
+  //   .el-tabs__nav-next {
-      width: 20px;
+  //     width: 20px;
-      line-height: 50px;
+  //     line-height: 50px;
-      font-size: 18px;
+  //     font-size: 18px;
-      text-align: center;
+  //     text-align: center;
-    }
+  //   }
-
+
-    &__box {
+  //   &__box {
-      position: relative;
+  //     position: relative;
-      box-sizing: border-box;
+  //     box-sizing: border-box;
-      padding-right: 70px;
+  //     padding-right: 70px;
-      width: 100%;
+  //     width: 100%;
-
+
-      .el-tabs__item {
+  //     .el-tabs__item {
-        &:first-child {
+  //       &:first-child {
-          .is-icon-close {
+  //         .is-icon-close {
-            display: none;
+  //           display: none;
-          }
+  //         }
-        }
+  //       }
-      }
+  //     }
-    }
+  //   }
-
+
-    .el-tabs__item {
+  //   .el-tabs__item {
-      font-size: 14px !important;
+  //     font-size: 14px !important;
-      color: rgb(75,85,99) !important;
+  //     color: rgb(75,85,99) !important;
-      font-weight: 500 !important;
+  //     font-weight: 500 !important;
-      border: 1px solid rgb(205,218,214) !important;
+  //     border: 1px solid rgb(205,218,214) !important;
-      border-radius: 3px;
+  //     border-radius: 3px;
-      height: 30px !important;
+  //     height: 30px !important;
-      line-height: 35px !important;
+  //     line-height: 35px !important;
-      margin: 8px 3px 8px 3px !important;
+  //     margin: 8px 3px 8px 3px !important;
-
+
-      &:hover {
+  //     &:hover {
-        color: var(--el-color-primary) !important;
+  //       color: var(--el-color-primary) !important;
-        border-color: var(--el-color-primary) !important;
+  //       border-color: var(--el-color-primary) !important;
-      }
+  //     }
-    }
+  //   }
-
+
-    .is-active {
+  //   .is-active {
-      color: var(--el-color-primary) !important;
+  //     color: var(--el-color-primary) !important;
-      border-color: var(--el-color-primary) !important;
+  //     border-color: var(--el-color-primary) !important;
-    }
+  //   }
-  }
+  // }
 
 }