更新记录

1.0.2(2022-02-16)

修复oh-drop-menu组件在微信小程序上报错

1.0.1(2022-02-15)

修改插件上传方式

1.0.0(2022-02-15)

1、初始化文档 2、新增图标组件 3、新增拖拽容器组件 4、新增下拉菜单组件

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.3.3 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

文档地址

背景

在前端的每一个时代,ui库从不会缺:

  • Jquery时代有Boostrap这样的顶级框架
  • Vue、React等各自有着团队维护的开源顶级框架:element-ui、ant-design、vant等
  • uniapp目前整套的框架不多,但也有着uview这样由团队维护顶级框架
  • ...... 微信小程序等前端技术同理

尽管各种ui库已经足够满足日常的简单开发,但在实际项目开发中,我们仍需要封装大量组件,其中也包括一些基础组件:

element-ui中封装了 el-image 组件, 该组件提供了图片错误占位图、懒加载、图片预览等功能,而在ant-design中,并不存在这样的组件!

与此雷同的还有其他组件,这就导致了我在采用element项目中不需要封装的组件,在另一个采用ant-design开发的项目中,我还需要重新封装一次!


那这样的差异我们该怎么抹平呢?

这就是 oh-ui 的由来:一套不包含基础组件的ui库。

类似上面提出的问题,在采用ant-design的项目中,再引入element-ui会很奇怪,即使是按需导入element-ui的image组件,也很奇怪,因为element-ui是一整ui框架,有着自己风格和体系。

而导入oh-ui则不会有这样的烦恼,因为oh-ui的目的就是抹平各种ui库的差异,组件之间没有特定的风格或者关联,需要什么组件就导入什么组件。


显然,一个框架的维护成本极高,这样的工作更适合交给大厂团队,这些年见证过太多个人维护的ui走向灭亡。

目前oh-ui完全由我自己开发维护,最开始的目的是把自己用到过的,ui组件库中却没有提供、或者定制效果不理想的组件都封装收集起来,这样就避免了多个项目开发时,重复去封装这部分组件。

由于个人精力有限,兼容性测试可能并不完善,我在组件文档中尽可能描述详尽,包括使用到的一些api、实现原理等等,以便大家判断组件的兼容性、性能等等。


当前浏览的文档为:oh-ui-uniapp ,该组件库只适用于uniapp多端开发

Android IOS 微信小程序 H5 其他小程序
兼容 兼容 兼容 兼容 未检测

uniapp插件地址:oh-ui-uniapp

项目github:github

作者博客网站:六月迎风

作者github:landejin


oh-ui-uniapp遵循MIT开源协议,意味着您无需支付任何费用,也无需授权,即可将oh-ui-uniapp应用到您的产品中。

但并不意味着您可以将oh-ui-uniapp应用到非法的领域。如因此产生纠纷或法律问题,本人不承担任何责任。


开发和维护一个UI框架是一项庞大的工作,尤其是要多端适配,oh-ui-uniapp在日常帮助到了我自己,我也希望可以帮助到你,有什么问题都可以提出,有时间一定会尽力修复。

不爱别伤害,那些用着别人的代码,还嫌弃别人写的垃圾的,建议不要使用本库,谢谢

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问