blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-05-23 15:09: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-label-margin-right: @padding-sm;
@field-input-text-color: @text-color; @field-input-text-color: @text-color;
@field-input-error-text-color: @red; @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-placeholder-text-color: @gray-5;
@field-icon-size: 16px; @field-icon-size: 16px;
@field-clear-icon-size: 16px; @field-clear-icon-size: 16px;
@ -251,6 +251,7 @@
@field-word-limit-font-size: @font-size-sm; @field-word-limit-font-size: @font-size-sm;
@field-word-limit-line-height: 16px; @field-word-limit-line-height: 16px;
@field-word-num-full-color: @red; @field-word-num-full-color: @red;
@field-disabled-text-color: @gray-5;
// GoodsAction // GoodsAction
@goods-action-background-color: @white; @goods-action-background-color: @white;

4
packages/field/index.less
View File

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

4
packages/field/index.wxml
View File

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