被圈粉的微信小程序纯UI组件colorUi
摘要:作为一名不了解ui的开发,但又想开发一款界面好看的小程序,那我极力推荐今天的主角-colorUi,它的优点在于提供了很多常用的纯ui组件,不掺杂任何逻辑,而且引入简单,轻量级!很适合没有ui基础又想快速制作一款小程序的开发者,下面一起了解一下。
1、基础元素 基础元素包含布局、背景、图标、文本等等一些常用的元素,可以直接拷贝粘贴使用,非常简单易用。 2、丰富的组件 一些常用的组件也是顺手拈来,每个组件都提供了多种样式可供选择,还能进行自定义,可以说对新手非常友好了! 3、引入colorUi GitHub地址: 直接下载zip包 解压后引入colorUI的样式在app.wxss中加上就完成了它的样式引用。 @import “colorui/main.wxss”; @import “colorui/icon.wxss”; @import “./lib/colorui/animation.wxss”; //调用动画效果需要 4、解压后进入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; }