小程序button无法调整宽度

环境

微信开发者工具（Stable v1.02.1911180）

遇到的问题

在小程序设计过程中，发现button无法通过wxss或者在wxml内调整宽度，原因是参数不能正确的传递到组件上。

解决方案

删除app.json中

"style": "v2",

原因分析

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 "style": "v2"可表明启用新版的组件样式。

目前使用的微信开发者工具的版本在新建项目时，会在app.json中自动生成该参数。

参考资料

[1] 小程序官方文档-框架-小程序配置-全局配置