微信小程序 button按钮过大问题

77 阅读 0 评论 51 点赞

我是靠谱客的博主沉默微笑，最近开发中收集的这篇文章主要介绍微信小程序 button按钮过大问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

style
基础库 2.8.0 开始支持，低版本需做兼容处理。

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

本次改动涉及的组件有 button icon radio checkbox switch slider。可前往小程序示例进行体验。

原因：
煞笔微信团队的锅
button: not([size=‘mini’]) 默认给button设置了属性

解决：
如果全局都用自定义button,配置里去掉 “style”: “v2” 即可

邠心
不懂为什么要把按钮加上min-height，把所有按钮的height属性都给覆盖掉了，导致按钮异常的大，界面异常的难看，还没法去掉min-height，优先级竟然也比app.wxss设置的高

只能通过以下代码来屏蔽了( 可惜这样margin也被覆盖了，还是转回v1吧

以上就是沉默微笑为你收集整理的微信小程序 button按钮过大问题的全部内容，希望文章能够帮你解决微信小程序 button按钮过大问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。