colorUI簡介

• ColorUI迎來了2.0的升級，相比之前的版本，2.0版本重構了基礎代碼，增加了更多的配色，這是一個全新的小程序UI解決方案。

• ColorUI是一個Css類的UI組件庫！不是一個Js框架。相比于同類小程序組件庫，ColorUI更注重于視覺交互！

• 不僅可以在小程序中使用，還可以在App中使用。這是一款適應于H5、微信小程序、安卓、ios、支付寶的高顏值，高度自定義的Css組件庫。

使用

搜索

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

下載源碼解壓

下載源碼解壓，復制根目錄的 /colorui 文件夾到你的根目錄

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

總結

以上是生活随笔為你收集整理的uniapp中使用colorUI说明文档的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。