uniapp 官方 ui组件库 uni-ui 的uni-data-checkbox 如何实现自定义选中时的边框颜色

官方组件并不支持这一项自定义,所以选择修改组件库,非常简单,傻瓜式修改。

首先找到该组件文件,这个就不过多赘述了。贴下图:

uniapp 官方 ui组件库 uni-ui 的uni-data-checkbox 如何实现自定义选中时的边框颜色_第1张图片

 

 在props选项中增加一个borderColor变量:

uniapp 官方 ui组件库 uni-ui 的uni-data-checkbox 如何实现自定义选中时的边框颜色_第2张图片

 找到设置背景的方法中添加两行代码

uniapp 官方 ui组件库 uni-ui 的uni-data-checkbox 如何实现自定义选中时的边框颜色_第3张图片

 然后是使用:

 效果:

 完结!!!

你可能感兴趣的:(uniapp(小程序),uni-app)