微信小程序启用新版的组件V2样式,如何将按钮大小修改,字体修改?
“style”: "v2"表示启用新版的组件样式,使用v2版本的组件样式默认情况和v1不同,其实V2的颜色更好看,更简洁。
很多小伙伴在初学小程序时可能会遇到button按钮样式宽度、背景色设置无效,其实很简单。把app.json里的"style": "v2"删除就好了,
如果不删"style": “v2”,有没有其他办法可以设置button按钮的宽度和背景色呢?
<button class="weui-btn" type="primary" bindtap='submit'disabled='{{btn_disabled}}'>确定提交</button>
答案是有的。解决方法如下:
因为微信有默认按钮样式,所以要根据优先级进行修改,直接利用嵌入式样式修改
<button class="weui-btn" type="primary" style="width: 100%; font-size: 16px !important;" bindtap='submit'disabled='{{btn_disabled}}'>确定提交</button>