评论

微信小程序启用新版的组件V2样式,如何将按钮大小修改,字体修改?

微信小程序button无法设置大小,你知道怎么解决吗

"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>


最后一次编辑于  2021-12-19  
点赞 3
收藏
评论

1 个评论

  • Youky
    Youky
    2022-11-25

    什么睿智设计,真是搞不懂这是哪个天才产品想出来的😅

    2022-11-25
    赞同 3
    回复
登录 后发表内容