小程序组件库ColorUI的使用,一键复制粘贴

简介: 小程序组件库ColorUI的使用,一键复制粘贴

在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!

颜值很高,注重颜值的程序员,可以选择考虑一下哦。


 

在色彩设计上,都是非常的好看,非常的丰富的。


今天在做小程序 的时候,由于自己的页面需求的卡片,列表,以及ui色彩搭配都和这个框架里面所提供的组件都高度契合,之前做app开发的时候也一直在用这个框架,比较熟悉,于是还是选择了这筐。

小程序的框架组件是非常的多的,之前有总结过一些

小程序开源框架汇总,你知道几个?


但是在选择框架的时候,一定要根据自己在实际项目开发中的需求,来进行选型。

1:克隆或者下载

 


 

2:将colorui复制在自己的文件的根目录底下

3:打开小程序的app.wxss,引入组件

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

 

4:这个时候,就可以使用(复制ColorUI组件里面的界面)

了,比如说,我要使用一个card的卡功能 的时候。

我就会进入到文件代码里面,找到这个组件,一件复制,放在自己的项目里面。


5:复制完成之后,来看一下自己的界面效果,这就是我想要的卡片了,然后修改一下图片和文字,就可以了。


哇塞,ε=ε=ε太给力了,特别适合我这种不想写代码的开发了,好用


相关文章
|
26天前
|
小程序 JavaScript
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
|
2月前
|
存储 小程序 JavaScript
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
|
2月前
|
JSON 小程序 数据格式
【微信小程序】-- 自定义组件总结 (四十)
【微信小程序】-- 自定义组件总结 (四十)
|
2月前
|
小程序 JavaScript
【微信小程序】-- 自定义组件 - behaviors(三十九)
【微信小程序】-- 自定义组件 - behaviors(三十九)
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
2月前
|
小程序
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
|
26天前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
26天前
|
小程序 JavaScript
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
|
2月前
|
JSON 资源调度 小程序
一个强大的小程序富文本组件mp-html
一个强大的小程序富文本组件mp-html
31 0
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)