You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
165 lines
3.1 KiB
165 lines
3.1 KiB
@import '../common/index.wxss'; |
|
|
|
.van-field { |
|
--cell-icon-size: var(--field-icon-size, 16px) |
|
} |
|
|
|
.van-field__label { |
|
color: var(--field-label-color, #646566) |
|
} |
|
|
|
.van-field__label--disabled { |
|
color: var(--field-disabled-text-color, #c8c9cc) |
|
} |
|
|
|
.van-field__body { |
|
align-items: center; |
|
display: flex |
|
} |
|
|
|
.van-field__body--textarea { |
|
box-sizing: border-box; |
|
line-height: 1.2em; |
|
min-height: var(--cell-line-height, 24px); |
|
padding: 3.6px 0 |
|
} |
|
|
|
.van-field__control:empty+.van-field__control { |
|
display: block |
|
} |
|
|
|
.van-field__control { |
|
background-color: initial; |
|
border: 0; |
|
box-sizing: border-box; |
|
color: var(--field-input-text-color, #323233); |
|
display: none; |
|
height: var(--cell-line-height, 24px); |
|
line-height: inherit; |
|
margin: 0; |
|
min-height: var(--cell-line-height, 24px); |
|
padding: 0; |
|
position: relative; |
|
resize: none; |
|
text-align: left; |
|
width: 100% |
|
} |
|
|
|
.van-field__control:empty { |
|
display: none |
|
} |
|
|
|
.van-field__control--textarea { |
|
height: var(--field-text-area-min-height, 18px); |
|
min-height: var(--field-text-area-min-height, 18px) |
|
} |
|
|
|
.van-field__control--error { |
|
color: var(--field-input-error-text-color, #ee0a24) |
|
} |
|
|
|
.van-field__control--disabled { |
|
background-color: initial; |
|
color: var(--field-input-disabled-text-color, #c8c9cc); |
|
opacity: 1 |
|
} |
|
|
|
.van-field__control--center { |
|
text-align: center |
|
} |
|
|
|
.van-field__control--right { |
|
text-align: right |
|
} |
|
|
|
.van-field__control--custom { |
|
align-items: center; |
|
display: flex; |
|
min-height: var(--cell-line-height, 24px) |
|
} |
|
|
|
.van-field__placeholder { |
|
color: var(--field-placeholder-text-color, #99A1B7); |
|
left: 0; |
|
pointer-events: none; |
|
position: absolute; |
|
right: 0; |
|
top: 0 |
|
} |
|
|
|
.van-field__placeholder--error { |
|
color: var(--field-error-message-color, #ee0a24) |
|
} |
|
|
|
.van-field__icon-root { |
|
align-items: center; |
|
display: flex; |
|
min-height: var(--cell-line-height, 24px) |
|
} |
|
|
|
.van-field__clear-root, |
|
.van-field__icon-container { |
|
line-height: inherit; |
|
margin-right: calc(var(--padding-xs, 8px)*-1); |
|
padding: 0 var(--padding-xs, 8px); |
|
vertical-align: middle |
|
} |
|
|
|
.van-field__button, |
|
.van-field__clear-root, |
|
.van-field__icon-container { |
|
flex-shrink: 0 |
|
} |
|
|
|
.van-field__clear-root { |
|
color: var(--field-clear-icon-color, #c8c9cc); |
|
font-size: var(--field-clear-icon-size, 16px) |
|
} |
|
|
|
.van-field__icon-container { |
|
color: var(--field-icon-container-color, #969799); |
|
font-size: var(--field-icon-size, 16px) |
|
} |
|
|
|
.van-field__icon-container:empty { |
|
display: none |
|
} |
|
|
|
.van-field__button { |
|
padding-left: var(--padding-xs, 8px) |
|
} |
|
|
|
.van-field__button:empty { |
|
display: none |
|
} |
|
|
|
.van-field__error-message { |
|
color: var(--field-error-message-color, #ee0a24); |
|
display: block; |
|
font-size: var(--field-error-message-text-font-size, 12px); |
|
text-align: left |
|
} |
|
|
|
.van-field__error-message--center { |
|
text-align: center |
|
} |
|
|
|
.van-field__error-message--right { |
|
text-align: right |
|
} |
|
|
|
.van-field__word-limit { |
|
color: var(--field-word-limit-color, #646566); |
|
font-size: var(--field-word-limit-font-size, 12px); |
|
line-height: var(--field-word-limit-line-height, 16px); |
|
margin-top: var(--padding-base, 4px); |
|
text-align: right |
|
} |
|
|
|
.van-field__word-num { |
|
display: inline |
|
} |
|
|
|
.van-field__word-num--full { |
|
color: var(--field-word-num-full-color, #ee0a24) |
|
} |