@reasy-team/reasy-ui/dist/ipcom/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:#d8d8d8;margin:0;display:inline-block;position:relative;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:silver;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:#d7000f;color:#d7000f}.v-switch__icon--active:after{right:2px;left:100%;color:#d7000f}.v-switch__icon--disabled{background:rgba(192,192,192,0.4);cursor:not-allowed}.v-switch__icon--disabled.v-switch__icon--active{background:rgba(215,0,15,0.4)}.v-switch__label{display:inline-block;vertical-align:middle;padding-left:4px}.v-switch--large .v-switch__icon{width:44px;height:24px;border-radius:12px}.v-switch--large .v-switch__icon:after{width:20px;height:20px}.v-switch--large .v-switch__icon--active:after{margin-left:-22px}.v-switch--large .v-switch__label{line-height:24px;font-size:16px}.v-switch--large .v-switch__item{line-height:40px}.v-switch--medium .v-switch__icon{width:36px;height:20px;border-radius:10px}.v-switch--medium .v-switch__icon:after{width:16px;height:16px}.v-switch--medium .v-switch__icon--active:after{margin-left:-18px}.v-switch--medium .v-switch__label{line-height:20px;font-size:14px}.v-switch--medium .v-switch__item{line-height:32px}.v-switch--small .v-switch__icon{width:28px;height:16px;border-radius:8px}.v-switch--small .v-switch__icon:after{width:12px;height:12px}.v-switch--small .v-switch__icon--active:after{margin-left:-14px}.v-switch--small .v-switch__label{line-height:16px;font-size:12px}.v-switch--small .v-switch__item{line-height:24px}.v-switch--disabled,.v-switch--disabled .v-switch__label{color:silver;cursor:not-allowed}