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

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

:root,page{--primary-color:#07c160}.van-picker{position:relative;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;background-color:#fff;background-color:var(--picker-background-color,#fff)}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:88px;height:var(--picker-toolbar-height,88px);line-height:88px;line-height:var(--picker-toolbar-height, 88px)}.van-picker__cancel,.van-picker__confirm{padding:0 32px;padding:var(--picker-action-padding,0 32px);font-size:28px;font-size:var(--picker-action-font-size, 28px)}.van-picker__cancel--hover,.van-picker__confirm--hover{opacity:.85;opacity:var(--active-opacity, .85)}.van-picker__confirm{color:#576b95;color:var(--picker-confirm-action-color,#576b95)}.van-picker__cancel{color:#969799;color:var(--picker-cancel-action-color,#969799)}.van-picker__title{max-width:50%;text-align:center;font-weight:500;font-weight:var(--font-weight-bold,500);font-size:32px;font-size:var(--picker-option-font-size, 32px)}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.van-picker__column{-webkit-box-flex:1;-webkit-flex:1 1;flex:1 1;width:0}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:rgba(255,255,255,.9);background-color:var(--picker-loading-mask-color,rgba(255,255,255,.9))}.van-picker__mask{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.van-picker .van-picker__frame{position:absolute;top:50%;right:32px;right:var(--padding-md,32px);left:32px;left:var(--padding-md,32px);z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker-content-Wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-picker-content-Wrapper .van-icon-clear{color:#c8c9cc;margin-left:10px}.van-picker-content-Wrapper .check-list-arrow{height:-webkit-fit-content;height:fit-content;margin-left:10px}.van-picker-content-Wrapper .van-picker-nocontent{color:#babcc0}