- 安装
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