mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-24 18:36:51 +08:00
feat(NavBar): improve active feedback (#5949)
This commit is contained in:
parent
d9ab305c96
commit
2dc029f20b
@ -15,12 +15,8 @@
|
|||||||
|
|
||||||
&__arrow {
|
&__arrow {
|
||||||
min-width: 1em;
|
min-width: 1em;
|
||||||
|
margin-right: @padding-base;
|
||||||
font-size: @nav-bar-arrow-size;
|
font-size: @nav-bar-arrow-size;
|
||||||
|
|
||||||
+ .van-nav-bar__text {
|
|
||||||
margin-left: -20px;
|
|
||||||
padding-left: 25px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&--fixed {
|
&--fixed {
|
||||||
@ -45,25 +41,24 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding: 0 @padding-md;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: @active-opacity;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__left {
|
&__left {
|
||||||
left: @padding-md;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__right {
|
&__right {
|
||||||
right: @padding-md;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__text {
|
&__text {
|
||||||
margin: 0 -@padding-md;
|
|
||||||
padding: 0 @padding-md;
|
|
||||||
color: @nav-bar-text-color;
|
color: @nav-bar-text-color;
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: @active-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user