You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
16 KiB
1 line
16 KiB
2 years ago
|
.wux-switch{display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;cursor:pointer}.wux-switch__input{position:relative;min-width:104rpx;height:64rpx;border:2rpx solid #dfdfdf;outline:0;border-radius:32rpx;box-sizing:border-box;background-color:#dfdfdf;transition:background-color .1s,border .1s}.wux-switch__input::before{content:" ";position:absolute;top:0;left:0;width:100%;height:60rpx;border-radius:30rpx;background-color:#fdfdfd;transition:transform .35s cubic-bezier(.45,1,.4,1)}.wux-switch__input::after{content:" ";position:absolute;top:0;left:0;width:60rpx;height:60rpx;border-radius:30rpx;background-color:#fff;box-shadow:0 2rpx 6rpx rgba(0,0,0,.4);transition:left .35s cubic-bezier(.4,.4,.25,1.35)}.wux-switch__input--checked{border-color:#33cd5f;background-color:#33cd5f}.wux-switch__input--checked::before{transform:scale(0)}.wux-switch__input--checked::after{left:calc(100% - 60rpx - 2rpx / 2)}.wux-switch__input--disabled{opacity:.3}.wux-switch__text{position:relative;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;transition:margin .2s;margin:0 16rpx 0 calc(70rpx)}.wux-switch--checked .wux-switch__text{color:#fff;margin:0 calc(72rpx) 0 20rpx}.wux-switch__spin{position:absolute;left:15rpx;top:15rpx;z-index:10;width:30rpx;height:30rpx;background-size:contain;animation:switch-spin-rotate 1s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-137.000000%2C%20-840.000000)%22%20fill%3D%22%2333cd5f%22%3E%3Cg%20transform%3D%22translate(80.000000%2C%20823.000000)%22%3E%3Cg%20transform%3D%22translate(53.000000%2C%2013.000000)%22%3E%3Cpath%20d%3D%22M17.9996753%2C31.5%20C10.5556724%2C31.5%204.5%2C25.4443275%204.5%2C18.0003247%20C4.5%2C10.5563219%2010.5556724%2C4.5%2017.9996753%2C4.5%20C18.5355492%2C4.5%2018.9702974%2C4.93474816%2018.9702974%2C5.47062208%20C18.9702974%2C6.006496%2018.5355492%2C6.44124416%2017.9996753%2C6.44124416%20C11.6261524%2C6.44124416%206.44124416%2C11.6267709%206.44124416%2C18.0002938%20C6.44124416%2C24.3738167%2011.6261524%2C29.5587249%2017.9996753%2C29.5587249%20C24.3731982%2C29.5587249%2029.5587249%2C24.3738167%2029.5587249%2C18.0002938%20C29.5587249%2C14.7964616%2028.2778291%2C11.8169616%2025.9523687%2C9.61220279%20C25.5637302%2C9.24317094%2025.5473089%2C8.62893223%2025.9157222%2C8.23967523%20C26.2841356%2C7.84976878%2026.8989928%2C7.83461537%2027.2882498%2C8.20302872%20C30.0042351%2C10.7787368%2031.5%2C14.2580826%2031.5%2C18.0002938%20C31.5%2C25.4443275%2025.4436781%2C31.5%2017.9996753%2C31.5%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.wux-switch--checked .wux-switch__spin{left:unset;right:7.5px}.wux-switch--light .wux-switch__spin{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-137.000000%2C%20-840.000000)%22%20fill%3D%22%23fff%22%3E%3Cg%20transform%3D%22translate(80.000000%2C%20823.000000)%22%3E%3Cg%20transform%3D%22translate(53.000000%2C%2013.000000)%22%3E%3Cpath%20d%3D%22M17.9996753%2C31.5%20C10.5556724%2C31.5%204.5%2C25.4443275%204.5%2C18.0003247%20C4.5%2C10.5563219%2010.5556724%2C4.5%2017.9996753%2C4.5%20C18.5355492%2C4.5%2018.9702974%2C4.93474816%2018.9702974%2C5.47062208%20C18.9702974%2C6.006496%2018.5355492%2C6.44124416%2017.9996753%2C6.44124416%20C11.6261524%2C6.44124416%206.44124416%2C11.6267709%206.44124416%2C18.0002938%20C6.44124416%2C24.3738167%2011.6261524%2C29.5587249%2017.9996753%2C29.5587249%20C24.3731982%2C2
|