nutui-taro-upgrade/dist/packages/switch/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-switch{cursor:pointer;display:inline-flex;align-items:center;background-color:var(--nut-primary-color, #fa2c19);border-radius:var(--nut-switch-border-radius, 21px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch .nut-icon-loading1{width:12px;height:12px;font-size:12px}.nut-switch.nut-switch-close{background-color:var(--nut-switch-close-bg-color, #ebebeb)}.nut-switch .nut-switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nut-white, #fff);transition:transform .3s}.nut-switch .nut-switch-button .nut-switch-label{color:var(--nut-white, #fff);font-size:var(--nut-font-size-1, 12px)}.nut-switch .nut-switch-button .nut-switch-label.open{transform:translateX(-16px)}.nut-switch .nut-switch-button .nut-switch-label.close{transform:translateX(16px)}.nut-switch.nut-switch-disabled{opacity:.6}.nut-switch.nut-switch-base{min-width:var(--nut-switch-width, 36px);height:var(--nut-switch-height, 21px);line-height:var(--nut-switch-line-height, 21px);overflow:hidden}.nut-switch.nut-switch-base .nut-switch-button{height:var(--nut-switch-inside-height, 13px);width:var(--nut-switch-inside-width, 13px);transform:var(--nut-switch-inside-close-transform, translateX(30%))}.nut-switch.nut-switch-base.nut-switch-open .nut-switch-button{transform:var(--nut-switch-inside-open-transform, translateX(146%))}