uniapp开发小程序uview的u-button样式自定义修改
uniapp开发小程序uview的u-button样式自定义修改
·
官方文档上写的很模糊,网上有些不太对可能没效果,自己终于搞对了,记录一下
u-button组件里:customStyle="样式数据名"
在data里申明样式数据名,形式为对象,注意值要加引号,且有-的只要改为驼峰命名如border-Radius
例如:
//html
<u-button :customStyle="btnGetCode"></u-button>
//js
data(){
return {
btnGetCode: {
borderRadius: '7px',//驼峰命名注意
height: '34px', }
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)