微信小程序启用新版的组件V2样式,如何将按钮大小修改,字体修改?
发布于 3 年前 作者 min27 1664 次浏览 来自 分享

“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>
回到顶部