blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-10-31 03:32:07 +08:00
Code Issues Projects Releases Wiki Activity

feat(Picker): Picker 组件样式调整 (#2236)

Browse Source
This commit is contained in:
Lindy 2019-11-04 19:29:42 +08:00 committed by neverland
parent 8435e1b345
commit 91b5073038
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/common/style/var.less
View File

@ -269,6 +269,21 @@
@panel-header-value-color: @red;
@panel-footer-padding: @padding-xs @padding-md;
// Picker
@picker-background-color: @white;
@picker-toolbar-height: 44px;
@picker-title-font-size: @font-size-lg;
@picker-action-padding: 0 @padding-md;
@picker-action-font-size: @font-size-md;
@picker-action-text-color: @blue;
@picker-action-active-color: @active-color;
@picker-option-font-size: @font-size-lg;
@picker-option-text-color: @black;
@picker-loading-icon-color: @blue;
@picker-loading-mask-color: rgba(255, 255, 255, .9);
@picker-option-disabled-opacity: .3;
@picker-option-selected-text-color: @text-color;
// Popup
@popup-background-color: @white;
@popup-round-border-radius: 20px;

10
packages/picker-column/index.less
View File

@ -3,20 +3,20 @@
.van-picker-column {
overflow: hidden;
font-size: 16px;
text-align: center;
.theme(color, '@gray-dark');
.theme(color, '@picker-option-text-color');
.theme(font-size, '@picker-option-font-size');
&__item {
padding: 0 5px;
&--selected {
font-weight: 500;
.theme(color, '@text-color');
.theme(font-weight, '@font-weight-bold');
.theme(color, '@picker-option-selected-text-color');
}
&--disabled {
opacity: 0.3;
.theme(opacity, '@picker-option-disabled-opacity');
}
}
}

20
packages/picker/index.less
View File

@ -6,31 +6,31 @@
overflow: hidden;
-webkit-text-size-adjust: 100%; /* avoid iOS text size adjust */
user-select: none;
.theme(background-color, '@white');
.theme(background-color, '@picker-background-color');
&__toolbar {
display: flex;
justify-content: space-between;
height: 44px;
line-height: 44px;
.theme(height, '@picker-toolbar-height');
.theme(line-height, '@picker-toolbar-height');
}
&__cancel,
&__confirm {
padding: 0 15px;
font-size: 14px;
.theme(color, '@blue');
.theme(padding, '@picker-action-padding');
.theme(font-size, '@picker-action-font-size');
.theme(color, '@picker-action-text-color');
&--hover {
.theme(background-color, '@active-color');
.theme(background-color, '@picker-action-active-color');
}
}
&__title {
max-width: 50%;
font-weight: 500;
font-size: 16px;
text-align: center;
.theme(font-weight, '@font-weight-bold');
.theme(font-size, '@picker-option-font-size');
}
&__columns {
@ -53,7 +53,7 @@
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
.theme(background-color, '@picker-loading-mask-color');
}
&__loading .van-loading,