---
title: 介绍
date: 2023-05-28 09:51:38
permalink: /pages/base
article: false
---

::: tip 温馨提示
本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用。
:::

## 基本介绍

Color UI 我想大家都知晓吧，我就不过多阐述了，是 **文晓港** 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 Css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 Color UI，很多人用 Color UI 做了不少精美的项目，我也一样，在此再次感谢作者。

[ColorUI Github地址](https://github.com/weilanwl/ColorUI)

[ColorUI 插件市场](https://ext.dcloud.net.cn/plugin?id=239)

[ColorUI 在线展示](https://miren123.gitee.io/colorui-h5/#/) 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。

**微信扫码预览h5**
<img src="https://miren123.gitee.io/colorui-document/img/colorui-h5-code.png" style="zoom:25%;" />


## 文档说明

文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。

在查看文档的同时，可以根据右侧预览图对比当前查看模块的预览效果

### 视图/目录 切换

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