What should I do if the button width setting in the WeChat applet is invalid?

Preface:

I don’t know if you have ever encountered such a problem. Setting the width of the button button in the applet has no effect. If you often encounter this problem, then take a look at the solutions below.

Method 1: (Recommended) Write inline styles directly on the button button

wxml code example:

按钮

Method 2: Delete the configuration "style": "v2" in app.json

After configuring "style": "v2" in app.json, you can enable the new version of the component style. Emmm, it exists for a reason. It's okay. We won’t touch it anymore and recommend you to use method one.

(Learning video sharing:php video tutorial)

wxml code example:

按钮

wxss code example

button{ width: 100%; }

Related recommendations:小program development tutorial

The above is the detailed content of What should I do if the button width setting in the WeChat applet is invalid?. For more information, please follow other related articles on the PHP Chinese website!