基本介绍

这是一个基于 uniapp 开发的组件库，主要目的是开源出来和大家一起学习交流。可以打包成 H5 和小程序使用。

做这个组件库的初衷比较简单，就是把自己平时项目中用到的一些组件整理出来，方便自己复用，也希望能帮到有需要的人。代码都是正常写的，没有什么特别炫技的地方，以实用为主。

基础组件

一些常用的基础 UI 组件，比如按钮、图标、标签、分割线之类的，都是项目里经常会用到的。

表单组件

表单相关的组件比较全，输入框、选择器、开关、单选框、复选框、日期选择这些都有。表单校验也做了支持，平时业务开发基本够用。

业务组件

除了一些通用的组件，还封装了一些平常业务里经常重复写的组件，比如列表、卡片、弹窗、加载状态、空状态这些，能省掉一些重复劳动。

适用场景

平时做 uniapp 项目，想找一些现成组件用的

想学习 uniapp 组件封装思路的

需要同时兼容 H5 和小程序的

使用

具体的使用方式和组件文档可以看项目里的说明，每个组件都尽量写得简单易懂，方便直接拿去用或者改。

最后

项目还在慢慢完善中，如果有什么问题或者建议，欢迎提 issue 一起交流。觉得有用的话可以点个 star 支持一下。

Github地址 (opens new window)

ColorUI 在线展示 (opens new window) 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。

微信扫码预览h5

视图/目录 切换

点击h5预览模板左上角的切换视图，可以随心所欲切换目录/视图，方便快速定位需要查找的内容