官網(wǎng)

1、Color UI | 下載包

2、語雀文檔 ColorUI 群資源

3、Github ColorUI 鮮亮的高飽和色彩，專注視覺的小程序組件庫

開發(fā)

1、下載官方案例demo，文件如下，colorui是獨立的引入文件夾資源。

2、在app.json內(nèi)

3、配置引入css樣式的操作、pages和colorui同級目錄

4、app.json

{"pages": ["pages/index/index"],"window": {"navigationBarBackgroundColor": "#39b54a","navigationBarTitleText": "Color UI","navigationStyle": "custom","navigationBarTextStyle": "white"},"usingComponents": {"cu-custom": "/colorui/components/cu-custom"},"sitemapLocation": "sitemap.json" }

5、app.wxss

@import "colorui/main.wxss"; @import "colorui/icon.wxss";

6、頁面的wxml、大功告成

<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">布局</view> </cu-custom>

如何使用

根據(jù)demo里面現(xiàn)成的頁面，可以直接復(fù)制，然后改成自己的頁面，其他的頁面同樣如此。

總結(jié)

以上是生活随笔為你收集整理的微信小程序+ColorUI的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。