解决方案

src/views/entrances/navBar/components/defineListPage.vue

@@ -48,7 +48,7 @@ defineProps({
 <style lang="scss" scoped>
 .cursor-pointer {
   &:hover {
-    color: var(--v-primary-base) !important;
+    color: var(--v-primary-base);
   }
 }
 </style>

src/views/entrances/navBar/components/defineListPage2.vue

@@ -13,7 +13,7 @@
                 style="height: 60px;"
               >
                 <div style="font-size: 16px;">{{ val.title }}</div>
-                <div style="font-size: 14px; color: #999;">{{ val.subTitle }}</div>
+                <div style="font-size: 14px;" class="subTitle">{{ val.subTitle }}</div>
               </div>
             </div>
           </div>
@@ -48,8 +48,12 @@ defineProps({
 </script>
 <style lang="scss" scoped>
 .cursor-pointer {
+  .subTitle { color: #999; }
   &:hover {
-    color: var(--v-primary-base) !important;
+    color: var(--v-primary-base);
+    .subTitle {
+      color: #666;
+    }
   }
 }
 </style>