wecui/lib/wecui-css/range.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";.wec-range__content{position:relative;width:100%;height:48px;line-height:48px;display:-webkit-box;display:-ms-flexbox;display:flex}.wec-range__content--masker{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(238,238,238,.5)}.wec-range__content--wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 10px}.wec-range__content--wrapper::after{position:absolute;content:'';top:0;bottom:0;margin:auto 0;height:1px;width:100%;z-index:1;background-color:#c8c8cd}.wec-range__content--wrapper .wrapper--progress{position:absolute;display:inline-block;top:0;bottom:0;left:0;height:1px;margin:auto 0;background-color:#4caf50}.wec-range__content--wrapper .wrapper--slider{position:absolute;display:inline-block;top:0;bottom:0;left:-7px;margin:auto 0}.wec-range__content--wrapper .wrapper-slider--cicle{z-index:2;width:14px;height:14px;border-radius:100%;background-color:#26a2ff}.wec-range__content--wrapper .wrapper--scale{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;height:6px;border-right:1px solid #c8c8cd}.wec-range__content--wrapper .first--scale{border-left:1px solid #c8c8cd}