feat: ✨ 移除 Navbar 点击热区的激活态样式

✅ Closes: #511

Author: Moonofweisheng

docs/component/navbar.md

@@ -136,6 +136,11 @@ function handleBackHome() {
   align-items: center;
   --wot-search-padding: 0;
   --wot-search-side-padding: 0;
+  :deep() {
+    .wd-search {
+      background: transparent;
+    }
+  }
 }
 ```
 

src/pages/navbar/Index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-10-17 17:20:31
- * @LastEditTime: 2024-03-04 12:48:00
+ * @LastEditTime: 2024-10-12 12:47:30
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\src\pages\navbar\Index.vue
@@ -89,5 +89,10 @@ function handleBackHome() {
   align-items: center;
   --wot-search-padding: 0;
   --wot-search-side-padding: 0;
+  :deep() {
+    .wd-search {
+      background: transparent;
+    }
+  }
 }
 </style>

src/uni_modules/wot-design-uni/components/wd-navbar/index.scss

@@ -11,9 +11,6 @@
 
     @include e(text) {
       color: $-dark-color;
-      @include m(hover){
-        background-color: $-dark-background3;
-      }
     }
 
     :deep(.wd-navbar__arrow) {
@@ -72,17 +69,8 @@
     left: 0;
   }
 
-  @include e(left) {
-    @include m(hover){
-      background-color: $-navbar-hover-color;
-    }
-  }
-
   @include e(right) {
     right: 0;
-    @include m(hover){
-      background-color: $-navbar-hover-color;
-    }
   }
 
   @include edeep(arrow) {

src/uni_modules/wot-design-uni/components/wd-navbar/wd-navbar.vue

@@ -6,13 +6,7 @@
           <slot name="capsule" />
         </view>
 
-        <view
-          :class="`wd-navbar__left ${leftDisabled ? 'is-disabled' : ''}`"
-          :hover-class="leftDisabled || $slots.left ? '' : 'wd-navbar__left--hover'"
-          :hover-stay-time="70"
-          @click="handleClickLeft"
-          v-else-if="!$slots.left"
-        >
+        <view :class="`wd-navbar__left ${leftDisabled ? 'is-disabled' : ''}`" @click="handleClickLeft" v-else-if="!$slots.left">
           <wd-icon v-if="leftArrow" name="arrow-left" custom-class="wd-navbar__arrow" />
           <view v-if="leftText" class="wd-navbar__text">{{ leftText }}</view>
         </view>
@@ -25,13 +19,7 @@
           <slot name="title" />
           <block v-if="!$slots.title && title">{{ title }}</block>
         </view>
-        <view
-          :class="`wd-navbar__right ${rightDisabled ? 'is-disabled' : ''}`"
-          @click="handleClickRight"
-          v-if="$slots.right || rightText"
-          :hover-class="rightDisabled ? '' : 'wd-navbar__right--hover'"
-          :hover-stay-time="70"
-        >
+        <view :class="`wd-navbar__right ${rightDisabled ? 'is-disabled' : ''}`" @click="handleClickRight" v-if="$slots.right || rightText">
           <slot name="right" />
 
           <view v-if="!$slots.right && rightText" class="wd-navbar__text" hover-class="wd-navbar__text--hover" :hover-stay-time="70">