样式修改

src/views/components/element/cloudCoachElement/cloudCoachList/cloudCoachList.vue

@@ -605,14 +605,17 @@ const highlightedText = (text: string, query: string) => {
                 height: 4px;
                 margin-left: 6px;
               }
-              &.active,
               &:hover {
-                background: #d2ecff;
-                color: rgba(0, 0, 0, 1);
+                background: #e8e9ed;
+                color: #5d5d5e;
                 > img {
                   transform: rotate(180deg);
                 }
               }
+              &.active {
+                background: #d2ecff;
+                color: rgba(0, 0, 0, 1);
+              }
               &.hoverActive {
                 background: #d2ecff;
                 color: rgba(0, 0, 0, 1);

src/views/components/element/enjoyElement/resourcesList/resourcesList.vue

@@ -30,7 +30,7 @@
             v-for="item in resourcesTypeOption"
             :key="item.value"
             @click="handleTypeChange(item.value)"
-            :class="['queryTip tabQueryTip', queryData.type === item.value && 'active']"
+            :class="['queryTip', queryData.type === item.value && 'active']"
           >
             {{ item.text }}
           </div>
@@ -472,20 +472,13 @@ const highlightedText = (text: string, query: string) => {
           background: #f5f6fa;
           border-radius: 16px;
           cursor: pointer;
-          &.active,
           &:hover {
-            background: #d2ecff;
-            color: rgba(0, 0, 0, 1);
+            background: #e8e9ed;
+            color: #5d5d5e;
           }
-          &.tabQueryTip {
-            &:hover {
-              background: #e8e9ed;
-              color: #5d5d5e;
-            }
-            &.active {
-              background: #198cfe;
-              color: #ffffff;
-            }
+          &.active {
+            background: #198cfe;
+            color: #ffffff;
           }
         }
       }
@@ -578,14 +571,17 @@ const highlightedText = (text: string, query: string) => {
                 height: 4px;
                 margin-left: 6px;
               }
-              &.active,
               &:hover {
-                background: #d2ecff;
-                color: rgba(0, 0, 0, 1);
+                background: #e8e9ed;
+                color: #5d5d5e;
                 > img {
                   transform: rotate(180deg);
                 }
               }
+              &.active {
+                background: #d2ecff;
+                color: rgba(0, 0, 0, 1);
+              }
               &.hoverActive {
                 background: #d2ecff;
                 color: rgba(0, 0, 0, 1);