🧩 通用组件
全部自研组件,零依赖——不依赖 Element Plus 等任何第三方组件库,仅基于 Vue 3 原生能力 + 原子类样式实现。全局注册后可直接使用(组件按文件名注册,如 Button、Input;Message 为函数式调用)。
ts
import NexusUI from '@taibai/vue'
app.use(NexusUI)
// 或按需引入
import { Button, Input, Select, Message } from '@taibai/vue'组件列表
| 组件 | 说明 | 文档 |
|---|---|---|
| 按钮 Button | 6 种变体按钮 | 查看 |
| 徽标 Badge | 数量/圆点徽标 | 查看 |
| 卡片 Card | 通用卡片容器 | 查看 |
| 分割线 Divider | 水平/垂直分割线 | 查看 |
| 标签 Tag | 6 色标签,可关闭 | 查看 |
| 气泡 Tooltip | hover 气泡提示 | 查看 |
| 输入框 Input | 原生输入框,可清除 | 查看 |
| 选择器 Select | 下拉选择器 | 查看 |
| 开关 Switch | 开关,带文字 | 查看 |
| 对话框 Dialog | 弹窗,teleport 渲染 | 查看 |
| 标签页 Tabs | 数据驱动标签页 | 查看 |
| 间距 Space | 间距容器 | 查看 |
| 面包屑 Breadcrumb | 面包屑导航 | 查看 |
| 分页 Pagination | 自研分页 | 查看 |
| 验证码 ValidCode | 图形验证码 | 查看 |
| 消息 Message | 函数式消息提示 | 查看 |
左侧菜单可展开每个组件,查看 Props / 事件 / Slots 与使用示例。