blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

style(Field): update disabled color (#6534)

Browse Source
This commit is contained in:
neverland 2020-06-13 13:23:15 +08:00 committed by GitHub
parent 7788822dba
commit f545a47047
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/field/index.js
View File

@ -577,6 +577,7 @@ export default createComponent({
arrowDirection={this.arrowDirection} arrowDirection={this.arrowDirection}
class={bem({ class={bem({
error: this.showError, error: this.showError,
disabled: this.disabled,
[`label-${labelAlign}`]: labelAlign, [`label-${labelAlign}`]: labelAlign,
'min-height': this.type === 'textarea' && !this.autosize, 'min-height': this.type === 'textarea' && !this.autosize,
})} })}

4
src/field/index.less
View File

@ -1,6 +1,10 @@
@import '../style/var'; @import '../style/var';
.van-field { .van-field {
&--disabled {
color: @field-disabled-text-color;
}
&__label { &__label {
flex: none; flex: none;
box-sizing: border-box; box-sizing: border-box;

2
src/field/test/__snapshots__/demo.spec.js.snap
View File

@ -51,7 +51,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-field__body"><input type="text" readonly="readonly" class="van-field__control"></div> <div class="van-field__body"><input type="text" readonly="readonly" class="van-field__control"></div>
</div> </div>
</div> </div>
<div class="van-cell van-field"> <div class="van-cell van-field van-field--disabled">
<div class="van-cell__title van-field__label"><span>文本</span></div> <div class="van-cell__title van-field__label"><span>文本</span></div>
<div class="van-cell__value van-field__value"> <div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div> <div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>

2
src/search/test/__snapshots__/demo.spec.js.snap
View File

@ -47,7 +47,7 @@ exports[`renders demo correctly 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field"> <div class="van-cell van-cell--borderless van-field van-field--disabled">
<div class="van-field__left-icon"><i class="van-icon van-icon-search"> <div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div> <!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value"> <div class="van-cell__value van-cell__value--alone van-field__value">

3
src/style/var.less
View File

@ -348,7 +348,7 @@
@field-label-width: 90px; @field-label-width: 90px;
@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;
@ -361,6 +361,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;
// GridItem // GridItem
@grid-item-content-padding: @padding-md @padding-xs; @grid-item-content-padding: @padding-md @padding-xs;