基础UI组件:
按钮(Button):封装不同样式、大小、状态的按钮,支持disabled、loading等状态。输入框(Input):封装文本输入、密码输入、数字输入等,支持v-model双向绑定、校验规则。下拉选择框(Select):封装单选、多选、搜索等功能。开关(Switch):封装开关组件,支持v-model。弹窗(Modal/Dialog):封装通用弹窗,支持标题、内容、底部按钮自定义。提示框(Toast/Message):封装全局提示组件,支持成功、警告、错误等状态。分页器(Pagination):封装分页逻辑,支持自定义每页条数、总条数。
布局组件:
容器(Container):封装页面布局容器,支持头部、侧边栏、内容区、底部。栅格布局(Grid/Row/Col):封装响应式栅格布局,支持不同屏幕尺寸适配。卡片(Card):封装卡片布局,支持标题、内容、操作区域。折叠面板(Collapse):封装可折叠内容区域,支持手风琴模式。
数据展示组件:
表格(Table):封装表格组件,支持分页、排序、筛选、自定义列。列表(List):封装列表组件,支持图文混排、加载更多。标签(Tag):封装标签组件,支持不同颜色、大小、可关闭。进度条(Progress):封装进度条组件,支持线性、环形进度条。时间轴(Timeline):封装时间轴组件,支持自定义节点内容。
表单组件:
表单容器(Form):封装表单容器,支持校验、提交、重置。表单项(FormItem):封装表单项,支持标签、校验规则、错误提示。日期选择器(DatePicker):封装日期选择组件,支持范围选择、快捷选项。上传组件(Upload):封装文件上传组件,支持单文件、多文件、拖拽上传。
导航组件:
菜单(Menu):封装侧边栏菜单、顶部菜单,支持多级嵌套。标签页(Tabs):封装标签页组件,支持动态增删、懒加载等