loit-web-component-gx/static/theme/blue/switch.css

广西时代凌宇前端组件库

.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:0.14rem;line-height:0.2rem;height:0.2rem;vertical-align:middle }.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed }.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle }.el-switch__label{-webkit-transition:.2s;transition:.2s;height:0.2rem;font-size:0.14rem;font-weight:500;color:#303133 }.el-switch__label.is-active{color:#2153c0 }.el-switch__label--left{margin-right:0.1rem }.el-switch__label--right{margin-left:0.1rem }.el-switch__label *{line-height:1;font-size:0.14rem;display:inline-block }.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0 }.el-switch__input:focus~.el-switch__core{outline:#2153c0 solid 0.01rem }.el-switch__core{margin:0;position:relative;width:0.4rem;height:0.2rem;border:1px solid #dcdfe6;outline:0;border-radius:0.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s }.el-switch__core:after{content:"";position:absolute;top:0.01rem;left:0.01rem;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:0.16rem;height:0.16rem;background-color:#fff }.el-switch.is-checked .el-switch__core{border-color:#2153c0;background-color:#2153c0 }.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-0.17rem }.el-switch.is-disabled{opacity:.6 }.el-switch--wide .el-switch__label.el-switch__label--left span{left:0.1rem }.el-switch--wide .el-switch__label.el-switch__label--right span{right:0.1rem }.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0 }