wecui/lib/wecui-css/switch.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";.wec-switch{display:inline-block;position:relative}.wec-switch *{pointer-events:none}.wec-switch.disabled::before{content:'';background-color:rgba(255,255,255,.5);position:absolute;left:0;top:0;right:0;bottom:3px;z-index:25;border-radius:16px}.wec-switch__core{display:inline-block;position:relative;width:52px;height:20px;border:1px solid #d9d9d9;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d9d9d9}.wec-switch__core::before,.wec-switch__core:after{content:"";top:0;left:0;position:absolute;border-radius:15px}.wec-switch__core::before{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:50px;height:20px;background-color:#fdfdfd}.wec-switch__core:after{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:30px;height:18px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.wec-switch__core.checked{background-color:#26a2ff;border-color:#26a2ff}.wec-switch__core.checked::before{-webkit-transform:scale(0);transform:scale(0)}.wec-switch__core.checked::after{-webkit-transform:translateX(20px);transform:translateX(20px)}.wec-switch__input{display:none}