发布时间:2020-02-29责任编辑:满帅 浏览:2511
大家平常都做过不少微信小程序,但有没有发现,微信小程序中,button按钮预览样式差距过大,如图所示


在模拟器中预览如图一,在手机中预览如图二,样式差距过大,分析过后找到原因。

app.json中默认开启了"style": "v2"启用新版的组件样式,包括button icon radio checkbox switch slider等组件,他们的样式修改很麻烦,付出代价太大,要么wxss中使用 !important,要么使用内联样式style。这样的使用方法十分不方便,而且button是经常要使用的组件,自定义要求也比较高。
解决方法就是,把app.json中的"style": "v2"去掉即可。
如此实用的解决方案大家学会了吗?
咔咔组供稿