wot-design
Version:
Mobile UI components built on vue.js
1 lines • 2.8 kB
CSS
@charset "UTF-8";.wd-picker-view-content,.wd-picker-view-roller,.wd-picker-view-roller__item{width:100%;position:absolute;height:35px}.wd-picker-view-list li,.wd-picker-view-roller__item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wd-loading{font-size:0;line-height:0;vertical-align:middle}.wd-loading__body{-webkit-animation:wd-rotate .8s linear infinite;animation:wd-rotate .8s linear infinite;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes wd-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes wd-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.wd-picker-view__columns{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wd-picker-view__mask{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.25))),-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.25)));background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.25)),linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.25));background-position:top,bottom;background-repeat:no-repeat;z-index:2;pointer-events:none;-webkit-filter:blur(4px);filter:blur(4px)}.wd-picker-view__loading{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;right:0;bottom:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:3;background:rgba(255,255,255,.8)}.wd-picker-view-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:210px;overflow:hidden;text-align:center;list-style:none;font-size:16px;color:rgba(0,0,0,.85)}.wd-picker-view-roller{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:87.5px;margin:0;padding:0;list-style:none}.wd-picker-view-roller__item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;top:0;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;line-height:35px}.wd-picker-view-roller__item.is-hidden{visibility:hidden;opacity:0}.wd-picker-view-roller__item--disabled{color:rgba(0,0,0,.25)}.wd-picker-view-list{margin:0;padding:0;list-style:none}.wd-picker-view-list li{padding:0 15px}.wd-picker-view-content{top:87.5px;overflow:hidden;background-color:#f5f5f5;font-size:16px;pointer-events:none}.wd-picker-view-content li{height:35px;line-height:35px}