修改checkbox为圆形、实心选中样式。
<label>
<checkbox color="#FFFFFF" />
<text>自动登录</text>
</label>
<style lang="scss">
uni-checkbox .uni-checkbox-input{
border-radius: 50% !important;
border: 1px solid black;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
background: $primary-color;
}
</style>
点击checkbox(不是label)取消选中时,checkbox的颜色仍然是默认色;
解决方式:
使用pointer-event可以解决🤣
<checkbox color="#FFFFFF"style="pointer-events: none;" />