Virtual UI (VUI) 是一套基于 UniApp 的高质量、可复用的前端组件库。它旨在为开发者提供一致的设计风格和良好的用户体验,帮助加快应用开发速度。
- 跨平台: 支持 iOS, Android, H5, 小程序等多个平台。
- 易用性: 丰富的 API 和详细的文档。
- 高性能: 优化渲染性能,确保流畅体验。
- 可定制: 完全可定制的主题颜色和其他样式。
- 社区支持: 强大的社区支持和活跃的维护团队。
可以通过 npm 或者直接下载源码进行安装:
npm install virtual-ui --save
或者通过 yarn:
yarn add virtual-ui
1、在项目中引入 VUI:
import VUI from 'virtual-ui';
import 'virtual-ui/dist/vui.css'; // 引入样式文件
2、使用 VUI 组件:
<template>
<vui-button>点击我</vui-button>
</template>
<script>
import { VuiButton } from 'virtual-ui';
export default {
components: {
VuiButton,
},
};
</script>
3、查阅文档获取更多使用示例和详细配置。
- Button 按钮 -- Virtualman
- Icon 图标
- Radio 单选框
- Checkbox 复选框
- Switch 开关
- Pagination 分页
- Progress 进度条
- Steps 步骤条
- Tabs 标签页
- Card 卡片
- Collapse 折叠面板
- Popover 弹出框
- Message 消息提示
- Notification 通知
- Tag 标签 -- Virtualman
- Input 输入框 -- Alexander
- Select 下拉选择
- Table 表格
- Form 表单
- Modal 对话框
- Tooltip 提示
- Loading 加载
- Carousel 轮播图
- Backtop 回到顶部
- Drawer 抽屉
- RegionPicker 地区选择器 -- Virtualman
- Calendar 日历
- Scrollbar 滚动条
- Slider 滑块
- Image 图片
- Upload 上传
- TimePicker 时间选择器
- DatePicker 日期选择器
更多组件正在TODO中...如您有任何疑问或建议,又或者想贡献代码,请随时联系我们。
我们欢迎任何贡献!如果你发现错误或有改进的想法,请遵循以下步骤:
- Fork 本仓库。
- 创建一个新的分支 (git checkout -b feature-name).
- 做出你的修改。
- 提交更改 (git commit -m 'Add some feature').
- 推送到你的分支 (git push origin feature-name).
- 发起 Pull Request.
- 请确保你的 PR 遵循我们的代码规范,并且有适当的测试覆盖。
Virtual UI (VUI) 遵循 MIT 开源许可证。更多信息请参见 LICENSE 文件。
如果有任何问题或建议,请通过以下方式联系我们:
- GitHub Issues
- Email: [email protected]
- WeChat: virtualman2001
感谢以下贡献者对本项目做出贡献: