BookerUI-Next 组件介绍
BookerUI-Next
是一个基于 Vue3
+ TypeScript
的 UI 组件库,这是我在Vue3
和 TypeScript
的项目过程中,开发的一个UI框架。
目前已开发完成DropDown下拉框
、Table 表格
、Loading 加载中
、Message 消息提示
、Modal 对话框
、Input 输入框
、Form 表单
、Uploading 上传
等组件,本 UI 框架是一个「面向源码 (opens new window)阅读者」的框架,希望对你有所帮助。
如果你在使用过程中发现问题, 非常感谢你提出宝贵意见。
注意:
本组件库仅供学习交流,请不要在生产环境中使用本 UI 框架。 欢迎讨论交流,如果你觉得还不错,请star
开始使用
- 安装
npm i -D bookerui-next # 或 yarn i -D bookerui-next
- 局部引入
import { DropDown, DropDownItem, AttrTable } from 'bookerui-next'
- 文档
http://pand.club/bookerui-next/
变更记录
V1.0.0:
- DropDown下拉框
- Table 表格
- Loading 加载中
- Message 消息提示
- Modal 对话框
- Input 输入框
- Form 表单
- Uploading 上传
BookerUI-Next 官网介绍
使用 Vue 3
+ Vue Router 4
制作了官网,参考ElementUI Plus
风格进行页面设计
、和路由设计
。
官网支持代码预览
和代码高亮
。
- 安装
npm install
- 启动服务
npm run serve
- 打包
npm run build
- lint and fix
npm run lint