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(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-header-value-color: @red;
@panel-footer-padding: @padding-xs @padding-md; @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
@popup-background-color: @white; @popup-background-color: @white;
@popup-round-border-radius: 20px; @popup-round-border-radius: 20px;

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

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

20
packages/picker/index.less
View File

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