小程序组件库ColorUI教程

骑猪看日落 2022-11-28 13:50 2030阅读 0赞

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

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

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

![format_png][]

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

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

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

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

1：克隆或者下载  
![format_png 1][]

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

![format_png 2][]

3：打开小程序的app.wxss，引入组件

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

![format_png 3][]

4：这个时候，就可以使用（复制ColorUI组件里面的界面）  
了，比如说，我要使用一个card的卡功能 的时候。

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

![format_png 4][]

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

![format_png 5][]

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

![欢迎关注【编程微刊】公众号，回复【领取资源】,500G编程学习资源干货免费送。][500G]

[format_png]: /images/20221124/899e134ebd344a998ef964bd518e652d.png
[format_png 1]: /images/20221124/0483a272f1b94a89b34f67ea5380cf7b.png
[format_png 2]: /images/20221124/b0e3c1fe46fc447682667ab759032abd.png
[format_png 3]: /images/20221124/a105efa45f7e49dcb6ee7a8eae26a540.png
[format_png 4]: /images/20221124/6223b6d21933438d8e76289ab3adaebc.png
[format_png 5]: /images/20221124/e831b6ec37fd4fa0897485e7f64a2120.png
[500G]: /images/20221124/37af20cde1b040b5b52352f9561bc62c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，2030人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序colorui引入与使用

在小程序的组件库里面，colorui的效果还是非常不错，拥有非常多的轮子 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naG

偏执的太偏执、/ 2023年03月03日 12:29/ 0 赞/ 6 阅读

相关 api 微信小程序组件库colorui_8个最热门的微信小程序 UI 组件库

大家在开发微信小程序的过程中，选择一款高大上且好用的UI组件库，可以达到事半功倍的效果。目前，网上已有不少开源的小程序 UI组件库，但选择太多往往让人眼花缭乱，纠结，下面小编就

绝地灬酷狼/ 2023年01月10日 05:18/ 0 赞/ 191 阅读

相关小程序使用组件库 vant-weapp详细教程

要说到小程序开发过程中用到的UI组件库，我第一个想到的就是vant，因为对于我来说，这个组件库里面的UI界面比较符合我的审美，颜值还不错，另外最重要的是，里面的功能比较齐全，项

旧城等待，/ 2022年12月20日 05:38/ 0 赞/ 159 阅读

相关小程序使用组件库 vant-weapp详细教程

要说到小程序开发过程中用到的UI组件库，我第一个想到的就是vant，因为对于我来说，这个组件库里面的UI界面比较符合我的审美，颜值还不错，另外最重要的是，里面的功能比较齐全，项

拼搏现实的明天。/ 2022年12月15日 14:03/ 0 赞/ 375 阅读

相关小程序ColorUI使用简易教程

本教程配合[官方示例][Link 1]食用更佳！！！目录 [前言][Link 2] [快速上手][Link 3] [使用UniApp开发][UniApp] [开始]

柔情只为你懂/ 2022年11月29日 12:54/ 0 赞/ 1226 阅读

相关小程序组件库ColorUI教程

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

骑猪看日落/ 2022年11月28日 13:50/ 0 赞/ 2031 阅读

相关小程序如何引入插件Vant库，ColorUI库，iView库

1.首先需要下载 Vant下载地址：https://github.com/swx980/Vant-Weapp.git ColorUI下载地址：https://github.

清疚/ 2022年11月26日 15:56/ 0 赞/ 342 阅读

相关微信小程序使用colorui

一，下载colorui源码 [官方网站：https://www.color-ui.com/][https_www.color-ui.com] [GitHub：http

蔚落/ 2022年11月20日 04:59/ 0 赞/ 759 阅读

相关推荐3个小程序开源组件库——Vant、iView、ColorUI

推荐3个小程序开源组件库在进行小程序开发时，经常会遇到编写组件方面的阻碍，这让我们花费大量的时间在页面以及 CSS 样式编写上。因此可以使用开源组件库，有些复杂的组件可

我会带着你远行/ 2022年03月22日 03:38/ 0 赞/ 707 阅读

相关小程序——colorUI库初识

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

桃扇骨/ 2021年07月25日 21:26/ 0 赞/ 482 阅读