首页 > 编程语言 >微信小程序使用vant组件样式不生效的问题

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

时间:2023-01-30 19:00:53浏览次数:37  
标签:vant 样式 微信 app json 组件

下面提供几个解决方案

方案一:

官方文档有说明,将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
在这里插入图片描述
在这里插入图片描述

方案二:

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

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

这些方法我都试过了,还是无法解决,最后通过清除缓存,重新编译的方式解决了,如下:
在这里插入图片描述

在这里插入图片描述
编译之后样式就会出现,这是第一种方法
第二种
在这里插入图片描述
构建npm包后重新加载,样式也会出现

标签:vant,样式,微信,app,json,组件
From: https://www.cnblogs.com/wang-fan-w/p/17076996.html

相关文章

  • 微信小程序【关于地址信息的接入以及自动选择当前位置】
    在做收货地址的时候,通常会让用户填写或者打开地图选择收获地址,此时就需要用到微信提供的地址API,在使用地址API的时候需要注册对应的API,而且地址API会经常调整,需要关注官方......
  • 原生微信小程序封装request
    request文件//封装请求constbaseURL='https://api-hmugo-web.itheima.net/api/public/v1'constrequest=(options)=>{//returnnewPrimise才可以使用the......
  • 封装用于循环播放展示一组内容的组件
    <template><divv-if="show"class="command-code":style="{color:color}"><divclass="command-code-box"ref="boxRef":style="{width:contentWidth}">......
  • 将自己写的组件放入npm仓库使用
    前言有时候我们经常封装一些通用的组件在项目当中,而这些组件可能会在多个项目中使用,以往的做法是直接粘贴复制过来,但其实放入npm仓库会更方便,这里介绍的是公开的npm包......
  • 企业微信注册
    以下是企业微信注册链接:https://work.weixin.qq.com/wework_admin/register_wx?from=myhome_baidu  ......
  • 微信小程序-关于下拉刷新的设置
    局部设置页面刷新:{"usingComponents":{},"enablePullDownRefresh":true}自己需要哪个页面支持下拉刷新,就在其json文件中加上。 全局设置页面刷新:在全局的ap......
  • 搭建直播平台,iYiuMessage 消息提示组件
    搭建直播平台,iYiuMessage消息提示组件引入和创建iYiuMessage实例 <scriptsrc="./js/iYiu.js"type="text/javascript"></script><scripttype="text/javascript"> ......
  • 微信支付服务商,消费者投诉处理系统
    有读者朋友需要接入微信支付消费者投诉功能,安排。​为了让商户、服务商可以快速获取消费者投诉并进行处理,提高解决消费者投诉的处理能力及效率,为用户提供更优质的服务体验,微......
  • 微信开放平台之第三方平台开发,从哪里入手?
    ​大家好,我是小悟疫情之下,最近有不少兄弟没有挺进决赛,半途成了小羊人,可谓是出师未捷身先死。话说回来,不管怎么样,尽量保护好自己,能越晚变羊越好。开始说正事,不管是自己在创业......
  • 微信开放平台之第三方平台开发,模板小程序如何提交?
    大家好,我是悟空码字今天天气晴朗,阳光普照。因为疫情影响,小羊人的增多,街上放眼望去,人烟稀少。楼下除了几个十一二岁的小男孩在玩耍,也没有像往日老人悠闲打牌、小孩嬉戏那般热......