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

 Closes: #511
This commit is contained in:
Moonofweisheng 2024-10-12 12:57:35 +08:00
parent 20148a7800
commit 60b07e514b
4 changed files with 13 additions and 27 deletions

View File

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

View File

@ -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>

View File

@ -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) {

View File

@ -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">