当前位置: 代码迷 >> 综合 >> 微信小程序来开发中引用组件button样式错误原因(button: not([size=‘mini’]))
  详细解决方案

微信小程序来开发中引用组件button样式错误原因(button: not([size=‘mini’]))

热度:52   发布时间:2023-12-06 01:50:30.0

原因:

微信给 button: not([size=‘mini’]) 默认给button设置了属性,按钮加上min-height,把所有按钮的height属性都给覆盖掉了,导致按钮异常的大,界面异常的难看。
在这里插入图片描述

微信客户端 7.0 开始,UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。
本次改动涉及的组件有 button icon radio checkbox switch slider。可前往小程序示例进行体验。

参考地址

解决:

app.json配置里去掉 “style”: "v2"后问题解决,亲测有效。
在这里插入图片描述

  相关解决方案