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

feat(Field): update disabled style (#3358)

Browse Source
This commit is contained in:
neverland 2020-07-09 15:39:18 +08:00 committed by GitHub
parent da4a5f3cd4
commit abd0457238
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -238,7 +238,7 @@
@field-label-margin-right: @padding-sm;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-6;
@field-input-disabled-text-color: @gray-5;
@field-placeholder-text-color: @gray-5;
@field-icon-size: 16px;
@field-clear-icon-size: 16px;
@ -251,6 +251,7 @@
@field-word-limit-font-size: @font-size-sm;
@field-word-limit-line-height: 16px;
@field-word-num-full-color: @red;
@field-disabled-text-color: @gray-5;
// GoodsAction
@goods-action-background-color: @white;

4
packages/field/index.less
View File

@ -7,6 +7,10 @@
&__label {
.theme(color, '@field-label-color');
.theme(margin-right, '@field-label-margin-right');
&--disabled {
.theme(color, '@field-disabled-text-color');
}
}
&__body {

4
packages/field/index.wxml
View File

@ -16,7 +16,7 @@
title-class="label-class"
>
<slot name="left-icon" slot="icon" />
<view wx:if="{{ label }}" class="van-field__label" slot="title">
<view wx:if="{{ label }}" class="{{ utils.bem('field__label', { disabled }) }}" slot="title">
{{ label }}
</view>
<slot wx:else name="label" slot="title" />
@ -33,7 +33,7 @@
maxlength="{{ maxlength }}"
placeholder="{{ placeholder }}"
placeholder-style="{{ placeholderStyle }}"
placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
placeholder-class="{{ utils.bem('field__placeholder', { error, disabled }) }}"
auto-height="{{ !!autosize }}"
style="{{ computed.inputStyle(autosize) }}"
cursor-spacing="{{ cursorSpacing }}"