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

[improvement] Field: add less vars (#3168)

Browse Source
This commit is contained in:
neverland 2019-04-17 16:42:58 +08:00 committed by GitHub
parent b5f7e55716
commit acbcd931f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/field/index.less
View File

@ -2,7 +2,7 @@
.van-field { .van-field {
&__label { &__label {
max-width: 90px; max-width: @field-label-max-width;
&--center { &--center {
text-align: center; text-align: center;
@ -25,17 +25,17 @@
width: 100%; width: 100%;
resize: none; resize: none;
display: block; display: block;
color: @text-color; color: @field-input-text-color;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
&::placeholder { &::placeholder {
color: @gray-dark; color: @field-placeholder-text-color;
} }
&:disabled { &:disabled {
opacity: 1; opacity: 1;
color: @gray-dark; color: @field-input-disabled-text-color;
background-color: transparent; background-color: transparent;
} }
@ -51,7 +51,7 @@
&[type="date"], &[type="date"],
&[type="time"], &[type="time"],
&[type="datetime-local"] { &[type="datetime-local"] {
min-height: 24px; min-height: @cell-line-height;
} }
} }
@ -70,15 +70,15 @@
} }
&__clear { &__clear {
color: @gray; color: @field-clear-icon-color;
font-size: 16px; font-size: @field-clear-icon-size;
} }
&__left-icon .van-icon, &__left-icon .van-icon,
&__right-icon .van-icon { &__right-icon .van-icon {
display: block; display: block;
min-width: 1em; min-width: 1em;
font-size: 16px; font-size: @field-icon-size;
line-height: inherit; line-height: inherit;
} }
@ -87,7 +87,7 @@
} }
&__right-icon { &__right-icon {
color: @gray-dark; color: @field-right-icon-color;
} }
&__button { &__button {
@ -95,8 +95,8 @@
} }
&__error-message { &__error-message {
color: @red; color: @field-error-message-color;
font-size: 12px; font-size: @field-error-message-text-color;
text-align: left; text-align: left;
&--center { &--center {
@ -110,7 +110,7 @@
&--disabled { &--disabled {
.van-field__control { .van-field__control {
color: @gray-dark; color: @field-input-disabled-text-color;
} }
} }
@ -118,14 +118,14 @@
.van-field__control { .van-field__control {
&, &,
&::placeholder { &::placeholder {
color: @red; color: @field-input-error-text-color;
} }
} }
} }
&--min-height { &--min-height {
.van-field__control { .van-field__control {
min-height: 60px; min-height: @field-text-area-min-height;
} }
} }
} }

14
packages/style/var.less
View File

@ -165,6 +165,20 @@
@dialog-has-title-message-padding-top: 12px; @dialog-has-title-message-padding-top: 12px;
@dialog-confirm-button-text-color: @blue; @dialog-confirm-button-text-color: @blue;
// Field
@field-label-max-width: 90px;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-dark;
@field-placeholder-text-color: @gray-dark;
@field-icon-size: 16px;
@field-clear-icon-size: 16px;
@field-clear-icon-color: @gray;
@field-right-icon-color: @gray-dark;
@field-error-message-color: @red;
@field-error-message-text-color: 12px;
@field-text-area-min-height: 60px;
// Info // Info
@info-size: 16px; @info-size: 16px;
@info-color: @white; @info-color: @white;