vant自定义主题

1.参考vant官网使用自定义文件

vant

2.自定义文件路径改为相对路径

但是如果这样的话,自定义文件的路径是绝对路径,需要改为相对路径
参考这里
在vue.config.js中添加以下代码,没有的话自己创建

const path = require("path");
const myTheme = path.resolve(__dirname, "src/assets/style/myTheme.less");
module.exports = {
      css: {
    loaderOptions: {
      less: {
        modifyVars: {
          hack: `true; @import "${themePath}";`
        }
      },
    }
  },
}

在自定义的"myTheme.less"文件中修改变量即可,变量名可以在"node_modules\vant\lib\style\var.less"文件中查找