An open API service indexing awesome lists of open source software.

https://github.com/wakaryry/mypui

基于uniapp/weex,快速开发小程序和原生APP的组件库与工具集
https://github.com/wakaryry/mypui

hbuilderx mypui mypui-uniapp npro uniapp vue2 vue3 weex weex-app

Last synced: 8 months ago
JSON representation

基于uniapp/weex,快速开发小程序和原生APP的组件库与工具集

Awesome Lists containing this project

README

          

# mypUI qq群号:`306797275`

**第一个高效且强悍的nvue开源组件库。做最好、最顺手的nvue组件库**

## 重磅推荐:[nPro-全新nvue/vue全端组件库](https://ext.dcloud.net.cn/plugin?id=5169)
## vue3,纯组合式API。支持vue2.

- 适用于`nvue`页面的组件与工具(app端对应weex,不再是webview);
- 纯`flex`布局,符合`weex`规范(兼容Vue页面只需要加几个display:flex即可);
- 规范与统一,确保代码质量和开发效率;
- 可配置主题;
- 细节开放到位,在好用和可灵活适配之间把握到位;
- request/router/share...各种工具集;
- 考虑了完全自控的页面设计(移除掉系统自带的navbar和tabbar,以及外层自动包裹的scroll);
- 页面排版更加灵活。遮罩层全屏覆盖。status/nav/xBar处理也非常灵活与方便;
- 精简`page.json`的配置,减少独立配置;
- 已在`Android`/`iOS`/`mp-wexin`/`mp-qq`/`mp-toutiao`等上面有实际应用;

mypUI 是基于 uniapp 的一套组件库与工具集,可以 **高效且规范** 地开发出 uniapp 支持的各端应用(APP/各家小程序/H5/快应用)。兼容 nvue 页面 和 vue 页面。nvue 页面对应的 app端 依托 weex 编译为原生,具备良好的性能与体验。mypUI 绝对能为您带来 **稳定、高效、规范** 的开发体验。

mypUI 更加注重于通用组件与手势组件,高阶组件、盒子组件的开发,是真正符合 **高质量、灵活、高效、规范等** 开发要求的组件库。

![demo](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b238aeb7-f54c-40c0-85b8-d6519342e0ba/ec0f28f2-e1e5-426f-9df8-1faf31fbd4ce.png)

![demo](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b238aeb7-f54c-40c0-85b8-d6519342e0ba/7aab7217-f764-4f2b-a0bc-e0ed7f86d986.png)

[Android Demo APK下载](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b238aeb7-f54c-40c0-85b8-d6519342e0ba/3907d12c-e76b-45ae-b830-a66451a0db09.apk)

# 找到代码与我们

- [mypUI-github](https://github.com/wakaryry/mypUI) 欢迎star

- [mypUI-uniapp插件市场](https://ext.dcloud.net.cn/plugin?id=2190) 需要您的好评

- [mypUI-文档开源地址](https://github.com/wakaryry/mypui-doc)

- [mypUI-文档线上地址](https://mypui.redou.vip)

- npm地址:[https://www.npmjs.com/package/@mypui/myp-ui](https://www.npmjs.com/package/@mypui/myp-ui) (因为npm突然忘记了密码,暂时还没有同步更新)

- 作者wx:`pptpdf`

- 作者qq:`382006503`

- 欢迎加入wx群和qq群。wx群请加wx,qq群请加qq群号:`306797275`

> 强烈建议加入wx与qq群,获取更多mypUI的动态与帮助

# 快速体验

- 安装HBuilderX;
- 下载或者clone本UI库;
- 在HBuilderX里面打开或者导入;
- 运行到自己想要体验的平台即可;

# 说明

- 当时写这套`nvue`组件的时候,还没有任何一款`nvue`页面组件在开放或者售卖;
- 第一版的时候,其实是根据`weex-ui`改的。`scroll`是根据`mescroll`改的(当时`mescroll`还不是`mixin`的形式,现在`mescroll`和以前也大不相同了吧);
- 不要盲目去适配一个组件,当一个组件的适配程度比较复杂的时候,宁愿重新写,也不去适配;

希望对你有用。

# 工具与申明

- [免费图片压缩](https://tinypng.com/)
- [字体文件转base64](https://transfonter.org/)
- [mescroll](https://ext.dcloud.net.cn/plugin?id=343)。我最开始的scroll刷新和加载更多处理参考了mescroll

如果您发现我们使用了您的`设计`或者`图片`资源,如有侵权,恳请告知,我们一定第一时间删除或者按照您的要求添加申明。

项目中的图片基本上来自于`百度图片`,以及`ui.cn`上面的设计。`ui.cn`上面的资源,我们会列出`设计者名单`以及`主页地址`。