ant-design-vue css

ant-design-vue 是一个基于 Ant Design of React 开发的 Vue UI 组件库，它提供了一套美观、实用、易用的 UI 组件。在使用 ant-design-vue 组件时，可以直接引入已经打包好的 CSS 文件，或者使用按需加载的方式引入组件和对应的 CSS。如果你使用按需加载，则需要在项目中引入 babel-plugin-import 插件，在 babel 配置文件中配置按需加载的组件。例如：

// babel.config.js
module.exports = {
  plugins: [
    [
      'import',
      {
        libraryName: 'ant-design-vue',
        libraryDirectory: 'es',
        style: true
      }
    ]
  ]
};

然后在组件中按需引入需要的组件即可：

<template>
  <a-button type="primary">Primary Button</a-button>
</template>

<script>
import { Button } from 'ant-design-vue';

export default {
  components: {
    'a-button': Button
  }
};
</script>