解决微信小程序的button按钮设置宽度无效的问题

方法一 直接在button按钮上写行内样式 （推荐使用）

wxml代码示例

  <button type="primary" style="width:100%">按钮</button>

方法二 删除app.json的配置"style": “v2”

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级，涉及的组件有 button icon radio checkbox switch slider 。app.json 中配置 “style”: “v2” 表明启用新版的组件样式。

这样写的样式生效了

wxml

<button type="primary">按钮</button>

wxss

button{
  width: 100%;
}

推荐写第一个方法，毕竟直接删除app.json的配置"style": “v2”，会导致其他的新版的组件样式不可用