uniapp中使用colorUI说明文档

colorUI简介

• ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。

• ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！

• 不仅可以在小程序中使用，还可以在App中使用。这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库。

使用

1. 搜索

在**dcloud**官网中的插件市场直接搜索ColorUI-UniApp即可或者直接在github上搜索

2. 下载源码解压

下载源码解压，复制根目录的 /colorui 文件夹到你的根目录

3. 引入
   App.vue 引入关键Css main.css icon.css

<style>
	/*每个页面公共css */
	@import "colorui/main.css";
	@import "colorui/icon.css";
</style>

4 使用

<button type="primary">引入Color UI</button>

在线文档

• https://www.kancloud.cn/m22543/colorui/
• https://www.kancloud.cn/als24/color/

可以将下载下来的包文件导入HbuilderX中查看