WU-UI
多平台快速开发的UI框架(无论平台，一致体验)
[](https://gitee.com/ardentlys/u-ui)
[](https://gitee.com/ardentlys/u-ui)
[](https://github.com/ardentlys/u-ui)
[](https://github.com/ardentlys/u-ui)
[](https://github.com/ardentlys/u-ui/issues)
[](https://wuui.cn/)
[](https://wuui.cn/zh-CN/components/changelog.html)
[](https://en.wikipedia.org/wiki/MIT_License)
## 官方群
### u-ui官方1群: 767943089
## 说明
u-ui(如虎添翼) 是 全面兼容多端的uniapp生态框架，基于vue2、vue3和nvue开发。丰富组件库，便捷工具库，简单高效。无论平台，一致体验。选择我们，开发更轻松！
## [官方文档：https://wuui.cn](https://wuui.cn)
## 预览
通过微信或浏览器扫码查看演示效果，后续上线小程序端等。
## 链接
- [官方文档](https://wuui.cn)
- [演示地址](https://h5.wu.geeks.ink)
- [更新日志](https://wuui.cn/zh-CN/components/changelog.html)
- [关于我们](https://wuui.cn/cooperation/about.html)
- [组件列表](#组件列表)
## 交流反馈
欢迎加入我们的QQ群交流反馈：[点此跳转](https://wuui.cn/zh-CN/components/qqFeedBack.html)
## cv-mobile-ui 产品特点
1. **`cv-mobile-ui ` 是基于 `uview2.x` 改造而来，增加了对vue3的兼容、新的组件(未来这些组件甚至可能包含原生组件与业务中常用的组件)，无论平台，一致体验。感谢 `uview-ui` 作者的开源奉献，在这里再次感谢作者和所有开源的开发者，因为有了你们，社区才变得更加美好。**
2. **全端兼容: `cv-mobile-ui` 支持 vue2、vue3、app-vue、app-nvue、h5、小程序等。**
3. **扩展配置: 由于`cv-mobile-ui`特殊的组件单独导入的方式，内置的方法默认不再挂载到uni对象之上，也就意味着默认情况下不能在项目中直接使用uni.$w.xxx使用内置方法。但是可以通过扩展配置进行使用，使用方式请参考[扩展配置](https://wuui.cn/zh-CN/components/extendedConfiguration.html)。其中包括 [JS工具库](https://wuui.cn/zh-CN/components/extendedConfiguration.html#扩展配置-js-工具库)、 [自定义主题](https://wuui.cn/zh-CN/components/extendedConfiguration.html#扩展配置-自定义主题)、 [基础样式](https://wuui.cn/zh-CN/components/extendedConfiguration.html#扩展配置-基础样式)、 [内置配置](https://wuui.cn/zh-CN/components/extendedConfiguration.html#扩展配置-内置配置)等。**
## 快速开始
`cv-mobile-ui` 强烈建议通过 `下载插件并导入HbuilderX` 导入组件。
或者下载完整 [cv-mobile-ui](https://ext.dcloud.net.cn/plugin?id=13992) 项目 将 `uni_modules` 复制到自己的项目。
请通过[快速上手](https://wuui.cn/zh-CN/components/quickStart.html)了解更详细的内容。
## 使用方法
组件导入 `uni_modules` 后，直接在项目中使用，无需通过import引入组件。
```html
```
## 扩展功能
`u-ui` 内置了强大的工具函数、请求封装等，可以根据自身需求进行扩展配置，详情请查看扩展配置。
**注意：只有扩展配置后才能在自己的项目页面中使用组件库内置方法和变量等。**
## 组件列表
下表为 `u-ui` 的组件单独下载列表，点击每个组件**点击下载&安装**即可在详情页面导入组件到项目，导入后请重新运行即可直接使用，符合[esaycom](https://uniapp.dcloud.net.cn/component/#easycom%E7%BB%84%E4%BB%B6%E8%A7%84%E8%8C%83)的规范，因此无需引入。
| 组件名 | 组件说明 |
| -------------- | ------------------------------------------------------------------- |
| u-calendar | [最全日历](https://wuui.cn/zh-CN/components/calendar.html) |
| u-sku | [商品多规格选择器](https://wuui.cn/zh-CN/components/sku.html) |
| u-image | [图片](https://wuui.cn/zh-CN/components/image.html) |
| u-button | [按钮](https://wuui.cn/zh-CN/components/button.html) |
| u-icon | [图标](https://wuui.cn/zh-CN/components/icon.html) |
| u-loading-icon | [加载动画](https://wuui.cn/zh-CN/components/loadingIcon.html) |
| u-layout | [布局](https://wuui.cn/zh-CN/components/layout.html) |
| u-link | [超链接](https://wuui.cn/zh-CN/components/link.html) |
| u-text | [文本](https://wuui.cn/zh-CN/components/text.html) |
| u-number-box | [步进器](https://wuui.cn/zh-CN/components/numberBox.html) |
| u-transition | [动画](https://wuui.cn/zh-CN/components/transition.html) |
| u-input | [输入框](https://wuui.cn/zh-CN/components/input.html) |
| u-code | [验证码](https://wuui.cn/zh-CN/components/code.html) |
| u-navbar | [自定义导航栏](https://wuui.cn/zh-CN/components/navbar.html) |
| u-status-bar | [顶部安全区域](https://ext.dcloud.net.cn/plugin?name=u-status-bar) |
| u-safe-bottom | [底部安全区域](https://ext.dcloud.net.cn/plugin?name=u-safe-bottom) |
| u-radio | [单选框](https://wuui.cn/zh-CN/components/radio.html) |
| u-checkbox | [复选框](https://wuui.cn/zh-CN/components/checkbox.html) |
| u-textarea | [文本域](https://wuui.cn/zh-CN/components/textarea.html) |
| u-gap | [间隔槽](https://wuui.cn/zh-CN/components/gap.html) |
| u-cell | [单元格](https://wuui.cn/zh-CN/components/cell.html) |
| u-app-update | [app更新](https://wuui.cn/zh-CN/components/appUpdate.html) |
| u-popup | [弹出层](https://wuui.cn/zh-CN/components/popup.html) |
| u-overlay | [遮罩层](https://wuui.cn/zh-CN/components/overlay.html) |
| u-action-sheet | [操作菜单](https://wuui.cn/zh-CN/components/actionSheet.html) |
// 待开发
| u-form | [表单](https://wuui.cn/zh-CN/components/form.html) |
| u-qrcode | [二维码](https://wuui.cn/zh-CN/components/qrcode.html) |
| u-action | [滑动菜单](https://wuui.cn/zh-CN/components/action.html) |
| u-refresh | [下拉刷新](https://wuui.cn/zh-CN/components/pullRefresh.html) |
## 版权信息
cv-mobile-ui遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将cv-mobile-ui应用到您的产品中。
## **bug**
`cv-mobile-ui` 目前仍处于开发阶段，并且由于目前开发速度有限，难免会产生bug，如果您遇见组件无法使用的情况，请您先不要生气，添加[官网q群](https://wuui.cn/zh-CN/components/qqFeedBack.html)反馈即可，会在核实后，在官网产生bug的组件中会有专属的地方来展示您对组件的贡献(好的建议或好的组件提议(不需要您写，只需要您提出规划即可)也会享有同样的待遇)。
### **在此郑重谢过各位大佬，作者不图大家的钱财，只希望您体验感不错的情况下可以作者一个五星好评，您的好评亦是我们开源的动力。**
## 工具集
> **组件名：**
cv-mobile-ui 工具集成，包括网络Http请求、便捷工具、节流防抖、对象操作、时间格式化、路由跳转、全局唯一标识符、规则校验等等。
需要在自己的项目中使用请参考[扩展配置](https://wu.geeks.ink/zh-CN/components/extendedConfiguration.html)。
## 查看文档
## [完整示例项目下载 | 关注更多组件](https://ext.dcloud.net.cn/plugin?name=u--ui)
(请勿下载插件zip)
**如使用过程中有任何问题，或者您对cv-mobile-ui有一些好的建议，欢迎加入 [cv-mobile-ui 交流群](https://wu.geeks.ink/zh-CN/components/qqFeedBack.html)**