我是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~就这样,很简单吧~ 

Logo

前往低代码交流专区

更多推荐