@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ .u-switch.data-v-7cafa8c0 { position: relative; display: inline-block; box-sizing: initial; width: 2em; height: 1em; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1em; transition: background-color 0.3s; font-size: 50rpx; } .u-switch__node.data-v-7cafa8c0 { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; border-radius: 100%; z-index: 1; background-color: #fff; background-color: #fff; box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: -webkit-transform cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: transform cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: transform cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform cubic-bezier(0.3, 1.05, 0.4, 1.05); transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05); } .u-switch__loading.data-v-7cafa8c0 { display: flex; flex-direction: row; align-items: center; justify-content: center; } .u-switch--on.data-v-7cafa8c0 { background-color: #1989fa; } .u-switch--on .u-switch__node.data-v-7cafa8c0 { -webkit-transform: translateX(100%); transform: translateX(100%); } .u-switch--disabled.data-v-7cafa8c0 { opacity: 0.4; }