微信小程序使用vant组件样式不生效的问题

下面提供几个解决方案

方案一:

官方文档有说明,将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
微信小程序使用vant组件样式不生效的问题_第1张图片
微信小程序使用vant组件样式不生效的问题_第2张图片

方案二:

网上说了很多解决方案,例如:

1、可能是布局样式有冲突 推测可能是flex 布局
2、app.json中取消懒加载
......

这些方法我都试过了,还是无法解决,最后通过清除缓存,重新编译的方式解决了,如下:
微信小程序使用vant组件样式不生效的问题_第3张图片

微信小程序使用vant组件样式不生效的问题_第4张图片
编译之后样式就会出现,这是第一种方法
第二种
微信小程序使用vant组件样式不生效的问题_第5张图片
构建npm包后重新加载,样式也会出现

你可能感兴趣的:(微信小程序使用vant组件样式不生效的问题)