From 5e6a0963601899c9e8ee585a9018c423bc0d5a69 Mon Sep 17 00:00:00 2001
From: hxr <1490493387@qq.com>
Date: Sun, 18 Feb 2024 22:19:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20tagsView=20=E7=9A=84?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/TagsView/index.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 00858adc..4255fa68 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -16,6 +16,7 @@
       >
         {{ translateRouteTitle(tag.title) }}
         <i-ep-close
+          class="close-icon"
           size="12px"
           v-if="!isAffix(tag)"
           @click.prevent.stop="closeSelectedTag(tag)"
@@ -387,6 +388,10 @@ onMounted(() => {
     cursor: pointer;
     border: 1px solid var(--el-border-color-light);
 
+    &:hover {
+      color: var(--el-color-primary);
+    }
+
     &:first-of-type {
       margin-left: 15px;
     }
@@ -395,14 +400,18 @@ onMounted(() => {
       margin-right: 15px;
     }
 
-    &:hover {
-      color: var(--el-color-primary);
+    .close-icon {
+      border-radius: 50%;
+
+      &:hover {
+        color: #fff;
+        background-color: var(--el-color-primary);
+      }
     }
 
     &.active {
       color: #fff;
       background-color: var(--el-color-primary);
-      border-color: var(--el-color-primary);
 
       &::before {
         display: inline-block;
@@ -413,6 +422,11 @@ onMounted(() => {
         background: #fff;
         border-radius: 50%;
       }
+
+      .close-icon:hover {
+        color: var(--el-color-primary);
+        background-color: var(--el-fill-color-light);
+      }
     }
   }
 }