修改 ant-design-vue 主题颜色

1.修改main.js 

import 'ant-design-vue/dist/antd.css';改成import 'ant-design-vue/dist/antd.less';

2.安装less-loader 模块 注意版本冲突

3.在vue.config.js 中添加css

 

module.exports = {

  css: {

    loaderOptions: {

      less: {

        lessOptions: {

          // If you are using less-loader@5 please spread the lessOptions to options directly

          modifyVars: {

            'primary-color': '#ff0000',

            'link-color': '#ff0000',

            'border-radius-base': '2px',

          },

          javascriptEnabled: true,

        },

      },

    },

  },

}