首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >小程序组件库ColorUI的使用,一键复制粘贴

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

作者头像
王小婷
发布2020-07-02 10:49:21
发布2020-07-02 10:49:21
4.8K0
举报
文章被收录于专栏:编程微刊编程微刊

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

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

github地址: https://github.com/weilanwl/ColorUI

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

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

小程序的框架组件是非常的多的,之前有总结过一些 小程序开源框架汇总,你知道几个? https://www.jianshu.com/p/82562e152aec?tdsourcetag=s_pcqq_aiomsg

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

1:克隆或者下载

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

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

代码语言:javascript
复制
@import "colorui/main.wxss";
@import "colorui/icon.wxss";

4:这个时候,就可以使用(复制ColorUI组件里面的界面) 了,比如说,我要使用一个card的卡功能 的时候。

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档