blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-05-21 13:59:15 +08:00
Code Issues Projects Releases Wiki Activity

feat(Picker): update action button style (#3316)

Browse Source
This commit is contained in:
neverland 2020-06-24 17:38:15 +08:00 committed by GitHub
parent 11dd8df9d4
commit b4cfcceca8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,6 +27,7 @@
@disabled-opacity: 0.5;
@background-color: @gray-1;
@background-color-light: #fafafa;
@text-link-color: #576b95;
// Padding
@padding-base: 4px;
@ -328,8 +329,8 @@
@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-confirm-action-color: @text-link-color;
@picker-cancel-action-color: @gray-6;
@picker-option-font-size: @font-size-lg;
@picker-option-text-color: @black;
@picker-loading-icon-color: @blue;

16
packages/picker/index.less
View File

@ -19,13 +19,20 @@
&__confirm {
.theme(padding, '@picker-action-padding');
.theme(font-size, '@picker-action-font-size');
.theme(color, '@picker-action-text-color');
&--hover {
.theme(background-color, '@picker-action-active-color');
opacity: @active-opacity;
}
}
&__confirm {
.theme(color, '@picker-confirm-action-color');
}
&__cancel {
.theme(color, '@picker-cancel-action-color');
}
&__title {
max-width: 50%;
text-align: center;
@ -75,13 +82,12 @@
pointer-events: none;
}
&__loading .van-loading,
&__frame {
position: absolute;
top: 50%;
left: 0;
right: @padding-md;
left: @padding-md;
z-index: 1;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
}

2
packages/picker/toolbar.wxml
View File

@ -1,7 +1,7 @@
<template name="toolbar">
<view
wx:if="{{ showToolbar }}"
class="van-picker__toolbar van-hairline--top-bottom toolbar-class"
class="van-picker__toolbar toolbar-class"
>
<view
class="van-picker__cancel"