@mijadesign/mjui-react-taro/dist/esm/Checkbox/style/style.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

.nut-checkbox{display:flex;align-items:center}.nut-checkbox-icon{color:#0006;font-size:var(--nutui-checkbox-icon-font-size, 17px)}.nut-checkbox-icon-checked{color:var(--nutui-color-primary, #006DFC);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox-icon-checked.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #006DFC)}.nut-checkbox-label{margin-left:4px;font-size:15px;color:var(--nutui-checkbox-label-color, rgba(0, 0, 0, .95))}.nut-checkbox-label-disabled{color:#0006}.nut-checkbox-icon-indeterminate{color:var(--nutui-color-primary, #006DFC)}.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #006DFC)}.nut-checkbox-icon-disabled{color:#0006}.nut-checkbox-reverse{flex-direction:row-reverse}.nut-checkbox-reverse .nut-checkbox-label{margin-right:4px;margin-left:0}.nut-checkbox-button{position:relative;display:inline-flex;align-items:center;padding:var(--nutui-checkbox-button-padding, 5px 18px);font-size:var(--nutui-checkbox-button-font-size, 13px);background:#f8f8f8;border-radius:var(--nutui-checkbox-button-border-radius, 15px);color:var(--nutui-checkbox-label-color, rgba(0, 0, 0, .95));box-sizing:border-box;border:1px solid #f8f8f8;overflow:hidden}.nut-checkbox-button-active{background:var(--nutui-color-primary-light, #E6F5FF);color:var(--nutui-color-primary, #006DFC);border:var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #006DFC))}.nut-checkbox-button-disabled{color:#0006;border:1px solid #f8f8f8}.nut-checkbox-button-icon{position:absolute;right:0;bottom:0;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--nutui-color-primary, #006DFC);border-right:10px solid var(--nutui-color-primary, #006DFC);display:flex;align-items:flex-end;justify-content:flex-end}.nut-checkbox-button-icon-checked{width:12px;height:12px;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-3px,-3px)}.nut-checkbox-button-icon .nut-icon{position:absolute;font-size:12px;width:12px;height:12px}.nut-checkbox-button-icon .nut-icon:before{top:auto;bottom:-22px;margin-left:6px}.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled{background:#0006;color:#fff;border:1px solid rgba(0,0,0,.4)}.nut-checkbox-list-item{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:var(--nutui-checkbox-list-item-padding, 12px 12px 12px 0);border-top:var(--nutui-checkbox-list-item-border, 1px solid rgba(0, 0, 0, .1))}.nut-checkbox-list-item .nut-checkbox-label{flex:auto}.nut-checkbox-list-item .nut-icon{flex:none}[dir=rtl] .nut-checkbox-label,.nut-rtl .nut-checkbox-label{margin-left:0;margin-right:4px}[dir=rtl] .nut-checkbox-reverse .nut-checkbox-label,.nut-rtl .nut-checkbox-reverse .nut-checkbox-label{margin-left:4px;margin-right:0}[dir=rtl] .nut-checkbox-button-icon,.nut-rtl .nut-checkbox-button-icon{right:auto;left:0;border-right:10px solid transparent;border-left:10px solid var(--nutui-color-primary, #006DFC)}[dir=rtl] .nut-checkbox-button-icon-checked,.nut-rtl .nut-checkbox-button-icon-checked{left:auto;right:50%;transform:translate(3px,-3px)}[dir=rtl] .nut-checkbox-button-icon .nut-icon:before,.nut-rtl .nut-checkbox-button-icon .nut-icon:before{margin-left:0;margin-right:6px}