Vue antdv 定制主题配置（高低版本配置问题）

• 安装 ant-design-vue

$ npm i --save ant-design-vue

• main.js 中配置，完整引入

import Vue from ‘vue’

import App from ‘./App.vue’

import router from ‘./router’

import store from ‘./store’

// 引入 antdv

import Antd from ‘ant-design-vue’;

// 这里引入的是 css 文件，后面需要自定义主题的话，需要换成 less 文件

import ‘ant-design-vue/dist/antd.css’;

// import ‘ant-design-vue/dist/antd.less’;

Vue.config.productionTip = false

// 注册 antdv

Vue.use(Antd);

new Vue({

router,

store,

render: h => h(App)

}).$mount(‘#app’)

• 使用按钮，这是默认样式

Primary

三、自定义主题样式

• antdv 的样式使用了 Less