@antmjs/vantui/lib/cell/index.css

一套适用于Taro3及React的vantui组件库

:root,page{--primary-color:#07c160}.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{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.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-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:24px 32px;padding:var(--cell-vertical-padding,24px) var(--cell-horizontal-padding,32px);font-size:28px;font-size:var(--cell-font-size, 28px);line-height:48px;line-height:var(--cell-line-height, 48px);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;right:32px;bottom:0;left:32px;border-bottom:1PX solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:6px;margin-top:var(--cell-label-margin-top,6px);font-size:24px;font-size:var(--cell-label-font-size, 24px);color:#969799;color:var(--cell-label-color,#969799);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:48px;height:var(--cell-line-height,48px);font-size:32px;font-size:var(--cell-icon-size, 32px)}.van-cell__left-icon-wrap{margin-right:8px;margin-right:var(--padding-base,8px)}.van-cell__right-icon-wrap{margin-left:8px;margin-left:var(--padding-base,8px);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle;line-height:48px;line-height:var(--cell-line-height, 48px)}.van-cell__right-icon{line-height:48px;line-height:var(--cell-line-height, 48px)}.van-cell--clickable.van-cell--hover{-webkit-filter:brightness(0.95);filter:brightness(.95)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;content:'*';left:16px;left:var(--padding-xs,16px);font-size:28px;font-size:var(--cell-font-size, 28px);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:24px;padding-top:var(--cell-large-vertical-padding,24px);padding-bottom:24px;padding-bottom:var(--cell-large-vertical-padding,24px)}.van-cell--large .van-cell__title{font-size:32px;font-size:var(--cell-large-title-font-size, 32px)}.van-cell--large .van-cell__value{font-size:32px;font-size:var(--cell-large-value-font-size, 32px)}.van-cell--large .van-cell__label{font-size:28px;font-size:var(--cell-large-label-font-size, 28px)}