我是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~就这样,很简单吧~
Vue3项目中Vant4主题定制

本文介绍如何在Vue3项目中引入并定制Vant4的主题颜色及其他样式,通过简单步骤实现从安装到配置的全过程。
2339

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



