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中查看