|
|
|
@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)
|
|
|
|
}
|