@reasy-team/reasy-ui/dist/trade/lib/switch/style.css

Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)

.v-switch{display:inline-block;position:relative;vertical-align:top;font-size:0}.v-switch__item{position:relative;cursor:pointer;display:inline-block}.v-switch__icon{color:#e8e9ec;margin:0;display:inline-block;position:relative;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#cbccd2;cursor:pointer;-webkit-transition:border-color .3s, background-color .3s;-o-transition:border-color .3s, background-color .3s;transition:border-color .3s, background-color .3s;vertical-align:middle}.v-switch__icon:after{content:" ";position:absolute;top:2px;left:2px;border-radius:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#fff}.v-switch__icon--active{background:#0058e4;color:#0058e4}.v-switch__icon--active:after{right:2px;left:100%;color:#0058e4}.v-switch__icon--disabled{background:rgba(203,204,210,0.4);cursor:not-allowed}.v-switch__icon--disabled.v-switch__icon--active{background:rgba(0,88,228,0.4)}.v-switch__label{display:inline-block;vertical-align:middle;padding-left:4px}.v-switch--large .v-switch__icon{width:36px;height:20px;border-radius:10px}.v-switch--large .v-switch__icon:after{width:16px;height:16px}.v-switch--large .v-switch__icon--active:after{margin-left:-18px}.v-switch--large .v-switch__label{line-height:20px;font-size:14px}.v-switch--large .v-switch__item{line-height:32px}.v-switch--medium .v-switch__icon{width:28px;height:16px;border-radius:8px}.v-switch--medium .v-switch__icon:after{width:12px;height:12px}.v-switch--medium .v-switch__icon--active:after{margin-left:-14px}.v-switch--medium .v-switch__label{line-height:16px;font-size:12px}.v-switch--medium .v-switch__item{line-height:24px}.v-switch--small .v-switch__icon{width:20px;height:12px;border-radius:6px}.v-switch--small .v-switch__icon:after{width:8px;height:8px}.v-switch--small .v-switch__icon--active:after{margin-left:-10px}.v-switch--small .v-switch__label{line-height:12px;font-size:12px}.v-switch--small .v-switch__item{line-height:20px}.v-switch--disabled,.v-switch--disabled .v-switch__label{color:#cbccd2;cursor:not-allowed}