微信小程序中button样式手机预览失效的解决方案-新闻详情

微信小程序中button样式手机预览失效的解决方案


发布时间:2020-02-29责任编辑:满帅 浏览:2511


大家平常都做过不少微信小程序,但有没有发现,微信小程序中,button按钮预览样式差距过大,如图所示

图片3.png

图片4.png

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

图片5.png

 app.json中默认开启了"style": "v2"启用新版的组件样式,包括button icon radio checkbox switch slider等组件,他们的样式修改很麻烦,付出代价太大,要么wxss中使用 !important,要么使用内联样式style。这样的使用方法十分不方便,而且button是经常要使用的组件,自定义要求也比较高。

解决方法就是,把app.json中的"style": "v2"去掉即可。

如此实用的解决方案大家学会了吗? 

 

咔咔组供稿