@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
1 lines • 4.04 kB
CSS
:root,page{--primary-color:#07c160}.van-field__label{color:#646566;color:var(--field-label-color,#646566)}.van-field__label--disabled{color:#c8c9cc;color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__body--textarea{box-sizing:border-box;padding:6px 0;line-height:1.2em;min-height:48px;min-height:var(--cell-line-height,48px)}.van-field__body--textarea textarea{resize:none}.van-field__control:empty+.van-field__control{display:block}.van-field__control{position:relative;display:none;box-sizing:border-box;width:100%;margin:0;padding:0;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;font-size:28px;font-size:var(--field-font-size, 28px);color:#323233;color:var(--field-input-text-color,#323233);height:48px;height:var(--cell-line-height,48px);min-height:48px;min-height:var(--cell-line-height,48px)}.van-field__control .taro-textarea,.van-field__control .weui-input,.van-field__control input,.van-field__control textarea{font-size:28px;font-size:var(--field-font-size, 28px)}.van-field__control .weui-input,.van-field__control input{height:48px;height:var(--cell-line-height,48px);min-height:48px;min-height:var(--cell-line-height,48px);line-height:48px;line-height:var(--cell-line-height, 48px)}.van-field__control:empty{display:none}.van-field__control--textarea{height:148px;height:var(--field-text-area-min-height,148px);min-height:148px;min-height:var(--field-text-area-min-height,148px)}.van-field__control--error{color:#ee0a24;color:var(--field-input-error-text-color,#ee0a24)}.van-field__control--disabled{background-color:transparent;opacity:1;color:#c8c9cc;color:var(--field-input-disabled-text-color,#c8c9cc);-webkit-text-fill-color:#c8c9cc;-webkit-text-fill-color:var(--field-input-disabled-text-color,#c8c9cc)}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:48px;min-height:var(--cell-line-height,48px)}.van-field .autosize-height{height:auto}.van-field .autosize textarea{resize:none;overflow:hidden}.van-field__icon-root{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:48px;min-height:var(--cell-line-height,48px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;vertical-align:middle;padding:0 16px;padding:0 var(--padding-xs,16px);margin-right:-16px;margin-right:var(--padding-xs,-16px)}.van-field__button,.van-field__clear-root,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear-root{font-size:32px;font-size:var(--field-clear-icon-size, 32px);color:#c8c9cc;color:var(--field-clear-icon-color,#c8c9cc)}.van-field__icon-container{font-size:32px;font-size:var(--field-icon-size, 32px);color:#969799;color:var(--field-icon-container-color,#969799)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:16px;padding-left:var(--padding-xs,16px)}.van-field__button:empty{display:none}.van-field__error-message{text-align:left;font-size:24px;font-size:var(--field-error-message-text-font-size, 24px);color:#ee0a24;color:var(--field-error-message-color,#ee0a24)}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{text-align:right;margin-top:8px;margin-top:var(--padding-base,8px);color:#646566;color:var(--field-word-limit-color,#646566);font-size:24px;font-size:var(--field-word-limit-font-size, 24px);line-height:32px;line-height:var(--field-word-limit-line-height, 32px)}.van-field__word-num{display:inline}.van-field__word-num--full{color:#ee0a24;color:var(--field-word-num-full-color,#ee0a24)}.van-field__placeholder{pointer-events:none;color:#c8c9cc}.van-field__placeholder--error{color:#ee0a24}