引入
npm install ant-design-vue --save
定制主题色
在 vue cli 3 中定制主题 #
项目根目录下新建文件vue.config.js
module.exports = {
css: {
loaderOptions: {
less: {
lessOptions: {
modifyVars: {
'primary-color': '#1DA57A', //主题色
'link-color': '#1DA57A',
'border-radius-base': '2px',
},
javascriptEnabled: true,
},
},
},
},
};
在main.js中引入的
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;
Vue.use(Antd);
如果你是通过 'ant-design-vue/dist/antd.css'
引入样式的,改为 ant-design-vue/dist/antd.less
。