本文档介绍 Art Design Pro 中组件库和图标的使用方法。
项目使用 Element Plus 作为基础 UI 组件库，覆盖了 80% 的常用组件需求。
项目通过 unplugin-vue-components 实现组件按需自动导入：
// vite.config.js
Components({
resolvers: [
ElementPlusResolver(),
],
dts: 'src/types/import/components.d.ts'
})
Element Plus 提供：
- 基础组件：按钮、表单、表格等
- 反馈组件：弹窗、消息提示等
- 布局组件：容器、栅格系统等
官方文档：https://element-plus.org/
样式文件路径：src/assets/styles/el-ui.scss
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
$colors: (
'primary': (
'base': #409EFF,
),
),
);
项目内置 600+ 图标，满足大部分图标需求。
图标资源目录：src/assets/icons/system
<i class="iconfont-sys"></i>
<i class="iconfont-sys iconsys-gou"></i>
如需添加自定义图标，可访问系统图标库进行扩展。
注意：系统图标使用 iconfont-sys 类名，而非 iconfont，方便用户扩展。