微信小程序使用 vant-weapp 的 dialog 样式有误

最新推荐文章于 2024-04-08 15:34:43 发布

原创最新推荐文章于 2024-04-08 15:34:43 发布 · 2.8k 阅读

·

1

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

微信小程序专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种解决小程序样式异常的方法，通过删除app.json文件中的style: v2配置，使样式恢复正常。此问题源于样式配置不兼容导致，移除后可即时生效。

样式问题如下图

解决办法：找到 app.json 文件，将 "style": "v2" 配置去掉即可

去除 style 配置后，效果如图

样式恢复正常

参考内容：https://github.com/youzan/vant-weapp/issues/3109

8 条评论

weixin_42053505 2020.12.14
如果要改变颜色需要先引入 import { GRAY, BLUE } from '../common/color'; confirmButtonColor: { type: String, value: BLUE },

前端里PHP写得最好的 2020.11.26
牛B 有效果...

shikuai1 2020.11.17
感谢，有用

Crazy Taylor 2020.07.12
去了，还没用。包括手动添加引用dialog [code=html] 去了，还没用。 "usingComponents": { "van-tab": "@vant/weapp/tab/index", "van-tabs": "@vant/weapp/tabs/index", "van-dialog": "@vant/weapp/dialog/index",//包文件目录就是这样的，我就复制过来了 "van-swipe-cell": "@vant/weapp/swipe-cell/index" } } [/code] 样式还是没有
- Crazy Taylor回复悟世君子 2020.07.16
  [reply]wsjzzcbq[/reply]好的。
- 悟世君子回复Crazy Taylor 2020.07.15
  [reply]weixin_45443754[/reply]dialog直接报错有可能是npm构建vant-weapp没成功，另外如果是原生微信小程序的话 dialog在使用时需要在wxml文件中引入<van-dialog id="van-dialog"></van-dialog>，js文件也需要引入 import Dialog from '@vant/weapp/dialog/dialog'
- Crazy Taylor回复悟世君子 2020.07.15
  [reply]wsjzzcbq[/reply]没显示出来，dialog直接报错，
- 悟世君子回复Crazy Taylor 2020.07.12
  [reply]weixin_45443754[/reply]你的页面是dialog没有显示；还是dialog显示出来了，但dialog显示的样式有问题？这是两种情况

评论 8

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

添加红包

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

查看更多评论

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

悟世君子 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。