mpvue开发小程序引入vant组件改变不了其样式

一个橙子呀 2020-03-14 03:46:42

各位大神，我遇到一个问题寻求解决，我用mpvue开发小程序，引入了vant组件，想改变其tab标签页背景色，但在mpvue中使用了scoped，样式全都不生效，怎么办啊！也试了其他方法/deep/ 外部样式等，就是不生效，在线等急，知道的大神求赐教

...全文

526 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

np918 2020-03-17

打赏
举报

回复

在写一个style标签，在里面改一下试试看

q113380947 2020-03-17

打赏
举报

回复

app.json下有一行定义，具体忘记是啥了，好像值是“V2”，前面的关键字忘记了，把这行删除就可以了

官方文档有说明，将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。1、可能是布局样式有冲突推测可能是flex 布局。编译之后样式就会出现，这是第一种方法。构建npm包后重新加载，样式也会出现。2、app.json中取消懒加载。

mpvue搭建引入vant weapp+less全局文件

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。官方文档前言除了Vant WeappUI组件库之外，还有一些其他热门组件库可供选择。 WeUI : WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含but...

1. 使用vue-cli搭建项目框架使用命令： vue init mpvue/mpvue-quickstart vue-0323 参数填写如下： tips：这里我关掉了eslint的校验功能，因为实在是太烦了。输入命令，进入项目文件，并初始化npm.等待下载结束 cd vue-0323 npm install 下载完成后，输入下面的命令，进入开发模式（只有执行了npm编译后，才能生成小程...

之前创建项目时，直接使用vue add vant的方式引入，很方便，一键完成安装、引入、配置及使用。但是存在一个问题，就是版本较低，vue官方好像很久没有更新这个vant了。所以决定手动安装引入配置。其次是引入 vant.js import 然后 Vue.use 在main.js中引入。其实也可以用vue add vant的方式一键部署后，再通过更换版本来完成版本更新的。以为这样就完了，结果就是样式不生效。原因就是缺少样式文件的引入。安装后，再启动，就成功了！会自动更换相关的连接。...

3,143

社区成员

3,831

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章