@beeapi/nutui/dist/packages/switch/switch.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - switch.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-switch{position:relative;width:auto;display:inline-block!important;background:#fff;-webkit-border-radius:1000px;border-radius:1000px;vertical-align:bottom;-webkit-box-sizing:content-box;box-sizing:content-box;border:2px solid #dadada;-webkit-transition:all .2s cubic-bezier(.55,.085,.68,.53);-o-transition:all .2s cubic-bezier(.55,.085,.68,.53);transition:all .2s cubic-bezier(.55,.085,.68,.53)}.nut-switch .nut-switch-label{position:relative;width:auto;left:0;margin-left:20px;margin-right:3px;padding:0 2px!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.nut-switch .nut-switch-btn{position:absolute;left:0;background:#dadada;border:2px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s cubic-bezier(.55,.085,.68,.53);-o-transition:all .2s cubic-bezier(.55,.085,.68,.53);transition:all .2s cubic-bezier(.55,.085,.68,.53)}.nut-switch.nut-switch-active{border-color:#f0250f}.nut-switch.nut-switch-active .nut-switch-label{left:4px;margin-left:0;color:red!important;margin-right:22px}.nut-switch.nut-switch-active .nut-switch-btn{background-color:#f0250f}.nut-switch.nut-switch-disabled{opacity:.6}.nut-switch-small{height:14px;min-width:30px}.nut-switch-small .nut-switch-label{font-size:10px;top:-2px;margin-left:-25px}.nut-switch-small .nut-switch-btn{height:14px;width:14px}.nut-switch-small.nut-switch-active .nut-switch-btn{left:100%;margin-left:-15px}.nut-switch-base{height:20px;line-height:20px;min-width:38px}.nut-switch-base .nut-switch-btn{height:20px;width:22px}.nut-switch-base.nut-switch-active .nut-switch-btn{left:100%;margin-left:-21px}.nut-switch-large{height:28px;line-height:28px;min-width:58px;font-size:14px}.nut-switch-large .nut-switch-label{margin-right:8px;left:6px}.nut-switch-large .nut-switch-btn{height:28px;min-width:28px}.nut-switch-large.nut-switch-active .nut-switch-label{margin-right:30px}.nut-switch-large.nut-switch-active .nut-switch-btn{left:100%;margin-left:-28px}