@beeapi/nutui
Version:
一套轻量级移动端Vue组件库
5 lines • 2.58 kB
CSS
/*!
* @beeapi/nutui v2.2.10 - stepper.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/.nut-stepper{border:1px solid #dedede}.nut-stepper .nut-stepper-fake,.nut-stepper .nut-stepper-fake-,.nut-stepper .nut-stepper-fake- div,.nut-stepper .nut-stepper-fake div{background:#fff}.nut-stepper span:first-child{border-right:1px solid #dedede}.nut-stepper span:last-child{border-left:1px solid #dedede}.nut-stepper-simple span{font-weight:700}.nut-stepper-simple .nut-stepper-fake,.nut-stepper-simple .nut-stepper-fake-,.nut-stepper-simple .nut-stepper-fake- div,.nut-stepper-simple .nut-stepper-fake div,.nut-stepper-simple input{background:#f6f6f6}.nut-stepper,.nut-stepper-simple{width:100px;height:30px;line-height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-border-radius:4px;border-radius:4px;position:relative;overflow:hidden}.nut-stepper-simple .nut-stepper-none-transition,.nut-stepper .nut-stepper-none-transition{-webkit-transition:none;-o-transition:none;transition:none}.nut-stepper-simple .nut-stepper-transition,.nut-stepper .nut-stepper-transition{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.nut-stepper-simple .nut-stepper-fake,.nut-stepper-simple .nut-stepper-fake-,.nut-stepper .nut-stepper-fake,.nut-stepper .nut-stepper-fake-{position:absolute;top:0;left:25%;right:25%;bottom:0;text-align:center;font-size:13px}.nut-stepper-simple span,.nut-stepper span{color:#666;width:25%;text-align:center;cursor:pointer;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-stepper-simple span svg,.nut-stepper span svg{vertical-align:top;width:11px;fill:#333}.nut-stepper-simple input,.nut-stepper input{border:none;width:50%;text-align:center;-webkit-border-radius:0;border-radius:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;font-family:initial;color:#333}.nut-stepper-simple .nut-stepper-grey,.nut-stepper .nut-stepper-grey{color:#ececee}.nut-stepper-simple .nut-stepper-grey svg,.nut-stepper .nut-stepper-grey svg{vertical-align:top;fill:#cecece}