blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

feat(DropdownMenu): DropdownMenu 组件样式调整 (#2229)

Browse Source
This commit is contained in:
Lindy 2019-11-01 14:48:54 +08:00 committed by neverland
parent 6f6beb30a5
commit 321ccf0c86
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/dropdown-item/index.less
View File

@ -1,4 +1,5 @@
@import '../common/style/var.less'; @import '../common/style/var.less';
@import '../common/style/theme.less';
.van-dropdown-item { .van-dropdown-item {
position: fixed; position: fixed;
@ -12,7 +13,7 @@
&--active { &--active {
.van-dropdown-item__title, .van-dropdown-item__title,
.van-dropdown-item__icon { .van-dropdown-item__icon {
color: @dropdown-menu-option-active-color; .theme(color, '@dropdown-menu-option-active-color');
} }
} }
} }

17
packages/dropdown-menu/index.less
View File

@ -1,10 +1,11 @@
@import '../common/style/var.less'; @import '../common/style/var.less';
@import '../common/style/theme.less';
.van-dropdown-menu { .van-dropdown-menu {
display: flex; display: flex;
height: @dropdown-menu-height;
background-color: @dropdown-menu-background-color;
user-select: none; user-select: none;
.theme(height, '@dropdown-menu-height');
.theme(background-color, '@dropdown-menu-background-color');
&__item { &__item {
display: flex; display: flex;
@ -23,7 +24,7 @@
} }
.van-dropdown-menu__title { .van-dropdown-menu__title {
color: @dropdown-menu-title-disabled-text-color; .theme(color, '@dropdown-menu-title-disabled-text-color');
} }
} }
} }
@ -32,10 +33,10 @@
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
max-width: 100%; max-width: 100%;
padding: @dropdown-menu-title-padding; .theme(padding, '@dropdown-menu-title-padding');
color: @dropdown-menu-title-text-color; .theme(color, '@dropdown-menu-title-text-color');
font-size: @dropdown-menu-title-font-size; .theme(font-size,'@dropdown-menu-title-font-size');
line-height: @dropdown-menu-title-line-height; .theme(line-height,'@dropdown-menu-title-line-height');
&::after { &::after {
position: absolute; position: absolute;
@ -50,7 +51,7 @@
} }
&--active { &--active {
color: @dropdown-menu-title-active-text-color; .theme(color,'@dropdown-menu-title-active-text-color');
} }
&--down { &--down {