vue2 vant的定制主题26

main.js

// 导入安装vant组件库
import Vant from 'vant';
// 为了覆盖默认的less变量，需要把css后缀名改为less
import 'vant/lib/index.less';
Vue.use(Vant);

　　vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            'nav-bar-background-color':'#0077fe',
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            // hack: `true; @import "your-less-file-path.less";`,
          },
        },
      },
    },
  },
  transpileDependencies: true
})

　　重启项目即可，

　　hack需注释掉