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
})

　　重启项目即可，

1	`hack需注释掉`

__EOF__

本文作者：userName
本文链接：https://www.cnblogs.com/wencaiguagua/p/17021646.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！