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

This commit is contained in:
neverland
2020-06-13 13:23:15 +08:00
committed by GitHub
parent 7788822dba
commit f545a47047
5 changed files with 9 additions and 3 deletions
+1
View File
@@ -577,6 +577,7 @@ export default createComponent({
arrowDirection={this.arrowDirection}
class={bem({
error: this.showError,
disabled: this.disabled,
[`label-${labelAlign}`]: labelAlign,
'min-height': this.type === 'textarea' && !this.autosize,
})}
+4
View File
@@ -1,6 +1,10 @@
@import '../style/var';
.van-field {
&--disabled {
color: @field-disabled-text-color;
}
&__label {
flex: none;
box-sizing: border-box;
@@ -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>
</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__value van-field__value">
<div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>