介绍
Dier UI 是一个基于 uni-app + Vue 3 的跨端 UI 组件库,专注于提供高质量的移动端表单组件。
特性
- 🚀 跨端兼容 - 支持 H5、微信小程序、支付宝小程序、App 等多端
- 🎨 Vue 3 - 基于 Vue 3 Composition API,更好的 TypeScript 支持
- 📦 按需引入 - 支持 easycom 自动导入,tree-shaking 友好
- 🛠️ 高度可定制 - 灵活的 Props 配置,支持自定义样式和行为
- 📱 移动端优先 - 专为移动端设计,流畅的交互体验
组件列表
基础组件
| 组件 | 说明 |
|---|---|
| Popup | 弹出层,支持多个方向弹出 |
表单组件
| 组件 | 说明 |
|---|---|
| Picker | 选择器,支持单列/多列选择 |
| PickerMultiple | 多选选择器,支持搜索和分页 |
| DatePicker | 日期选择器 |
| TimePicker | 时间选择器 |
| DatetimePicker | 日期时间选择器 |
| Upload | 上传组件,支持多种模式 |
技术栈
浏览器支持
| 平台 | 支持版本 |
|---|---|
| H5 | Chrome、Safari、Firefox 等现代浏览器 |
| 微信小程序 | 基础库 2.11.0+ |
| 支付宝小程序 | 支持 |
| App | Android 5.0+、iOS 10+ |
贡献指南
欢迎提交 Issue 和 Pull Request 来帮助改进 Dier UI。
开源协议
Dier UI 基于 MIT 协议开源。
