当前位置:   article > 正文

vue3+vant4 vant4主题色配置(简单快捷)

vant4

我是pc端的项目,vue3+vite+Element Plus,现在硬是要兼容移动端,想了想为了以后的功能拓展,只好又引入了vant,因为移动端项目很久不做了 ,发现现在都是vant4了,开局第一步自然就是主题定制~搞起~

直接上截图吧~照着搞就行了还直观~

1.如图创建 vant.scss或者less 

2.修改主题色或其他样式

 把默认色改为 #4f41d6

3.修改配置

打开vite.config

@use '/@/assets/css/vant.scss'as *;   便于复制我粘贴出来,这是我的路径,根据实际情况修改

 4.重启项目,记得重启!

5.效果展示

okok~就这样,很简单吧~ 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/379245
推荐阅读