14 changed files with 321 additions and 65 deletions
@ -1 +1,53 @@
|
||||
.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px} |
||||
.van-hairline, |
||||
.van-hairline--bottom, |
||||
.van-hairline--left, |
||||
.van-hairline--right, |
||||
.van-hairline--surround, |
||||
.van-hairline--top, |
||||
.van-hairline--top-bottom { |
||||
position: relative |
||||
} |
||||
|
||||
.van-hairline--bottom:after, |
||||
.van-hairline--left:after, |
||||
.van-hairline--right:after, |
||||
.van-hairline--surround:after, |
||||
.van-hairline--top-bottom:after, |
||||
.van-hairline--top:after, |
||||
.van-hairline:after { |
||||
border: 0 solid #ebedf0; |
||||
bottom: -50%; |
||||
box-sizing: border-box; |
||||
content: " "; |
||||
left: -50%; |
||||
pointer-events: none; |
||||
position: absolute; |
||||
right: -50%; |
||||
top: -50%; |
||||
transform: scale(.5); |
||||
transform-origin: center |
||||
} |
||||
|
||||
.van-hairline--top:after { |
||||
border-top-width: 1px |
||||
} |
||||
|
||||
.van-hairline--left:after { |
||||
border-left-width: 1px |
||||
} |
||||
|
||||
.van-hairline--right:after { |
||||
border-right-width: 1px |
||||
} |
||||
|
||||
.van-hairline--bottom:after { |
||||
border-bottom-width: 1px |
||||
} |
||||
|
||||
.van-hairline--top-bottom:after { |
||||
border-width: 1px 0 |
||||
} |
||||
|
||||
.van-hairline--surround:after { |
||||
border-width: 1px |
||||
} |
@ -1 +1,165 @@
|
||||
@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,#c8c9cc);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)} |
||||
@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) |
||||
} |
Loading…
Reference in new issue