暂存

src/components/TagsView/index.vue

@@ -291,8 +291,19 @@ export default {
         }
         }
       }
       }
       &:hover {
       &:hover {
-        color: $color-primary;
+        // color: $color-primary;
+        border: 1px solid  $color-primary ;
+        /deep/ .el-icon-close:before {
+        color: red !important;
+      }
       }
       }
+    // &:hover {
+    //   color: #218a83;
+    //   border: 1px solid #218a83;
+
+     
+    // }
+  
       &.active {
       &.active {
         // background-color: #409eff;
         // background-color: #409eff;
         // color: #fff;
         // color: #fff;
@@ -328,7 +339,7 @@ export default {
 }
 }
 </style>
 </style>
 
 
-<style lang="scss">
+<style lang="scss" >
 //reset element css of el-icon-close
 //reset element css of el-icon-close
 .tags-view-wrapper {
 .tags-view-wrapper {
   line-height: 38px;
   line-height: 38px;
@@ -339,7 +350,7 @@ export default {
       width: 16px;
       width: 16px;
       height: 16px;
       height: 16px;
       line-height: 16px;
       line-height: 16px;
-      color: #495060 !important;
+      color: #495060 ;
       // vertical-align: 2px;
       // vertical-align: 2px;
       border-radius: 50%;
       border-radius: 50%;
       text-align: center;
       text-align: center;
@@ -349,7 +360,7 @@ export default {
         transform: scale(0.6);
         transform: scale(0.6);
         display: inline-block;
         display: inline-block;
         vertical-align: -3px;
         vertical-align: -3px;
-        color: #495060 !important;
+        color: #495060 ;
         font-size: 22px;
         font-size: 22px;
       }
       }
       // &:hover {
       // &:hover {