vant 换肤效果的实现?

发布于 2022-05-26 18:25:22 字数 47 浏览 514 评论 2

如何将vant默认的vant图标更换为阿里巴巴矢量图标,进行默认图标的换肤效果。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

被你宠の有点坏 2022-05-27 11:26:48

亲,感谢您的答复,就是我还有一个疑问,就是vant2.x源码版如果直接引用阿里巴巴矢量图的css样式库进行覆盖vant图标不行呢,在vant源码文件中使用css文件也会报错,如果是这样的话我怎么使用阿里巴巴的css样式文件进行覆盖呢。

梦里泪两行 2022-05-27 03:40:27

vant的图标样式是全局的。

在入口组件,通常是App.vue/<div id="app"></div>这个div节点,增加一个class, 如<div id="id" class="blue"></div>,再写一套.blue .van-icon的覆盖样式就可以了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文