摘要：作為一名不了解ui的開發(fā)，但又想開發(fā)一款界面好看的小程序，那我極力推薦今天的主角-colorUi，它的優(yōu)點在于提供了很多常用的純ui組件，不摻雜任何邏輯，而且引入簡單，輕量級！很適合沒有ui基礎(chǔ)又想快速制作一款小程序的開發(fā)者，下面一起了解一下。

1、基礎(chǔ)元素
基礎(chǔ)元素包含布局、背景、圖標(biāo)、文本等等一些常用的元素，可以直接拷貝粘貼使用，非常簡單易用。

2、豐富的組件
一些常用的組件也是順手拈來，每個組件都提供了多種樣式可供選擇，還能進(jìn)行自定義，可以說對新手非常友好了！

3、引入colorUi
GitHub地址：https://github.com/weilanwl/ColorUI/
直接下載zip包
解壓后引入colorUI的樣式在app.wxss中加上就完成了它的樣式引用。
@import “colorui/main.wxss”;
@import “colorui/icon.wxss”;
@import “./lib/colorui/animation.wxss”; //調(diào)用動畫效果需要
4、解壓后進(jìn)入colorUi目錄

/**app.wxss**/ @import "icon.wxss"; @import "main.wxss"; .container {display: flex;flex-direction: column;align-items: center;box-sizing: border-box; } button {background: initial; }button:focus{outline: 0; }

如果對你有幫助，看完別忘了轉(zhuǎn)發(fā)，收藏哦~~

總結(jié)

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

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