小程序组件库ColorUI教程

在开发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，引入组件

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

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

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

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

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

小程序组件库ColorUI教程相关推荐

小程序组件库ColorUI的使用，一键复制粘贴
在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架.相比于同类小程序组件库,ColorUI更注重于视觉交互! 颜值很高,注重颜值的程 ...
微信小程序组件库——colorUI 的使用方法
ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,方便自己定制. 下面是ColorUI官方的小程序,可以在手机上先预览实际效果官方网站:https://ww ...
如何从Vant Weapp、MinUI、iView Weapp、Wux Weapp、ColorUI共5个小程序组件库选型转载
前言发展到今天,手机端组件库其实已经大同小异,熟练的程序员甚至都能背过80%的组件名称,比如toast.cell.checkbox--,来来回回就是这么些,那么,面对市面上最火的5个小程序组件库,我 ...
高拍仪 js调用demo_颜值高、性能好的小程序组件库，带给你不一样的视觉体验...
介绍 ColorUI是一个高饱和度色彩,注重视觉效果的小程序组件库,可以在国内比较火的uniapp或者原生小程序中进行开发.文章中将进行各组件的截图预览,一定不会让你失望的! PS:想直接查看组件效果 ...
api 微信小程序组件库colorui_微信小程序常用的几个UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
小程序组件库开发之抽奖游戏组件
笔者在之前写了一篇关于小程序抽奖游戏组件的文章,当时的设计比较粗糙,组件的可复用性也不是很好,这里笔者新开发了一个抽奖小游戏组件,表现形式上和可复用性上都相对之前有了不小的提升. 读者朋友可以先看一下 ...
可定制的小程序组件库：Wux Weapp
可定制的小程序组件库:Wux Weapp 介绍 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序UI组件库.提供了超过70个实用组件,帮助开发者提高开发效率.在上线的16个月以来,我们持续 ...
Yeo小程序组件库（v1.0）
经过一个月左右的组件摸索,一方面是在巩固对小程序的使用,另一方面也是希望将一些实用的.有意思的组件记录下来,以便下次使用,虽然项目可能还存在许多的bug或者健全性问题,希望大家如果有发现问题,欢迎指正 ...
从0到一开发微信小程序（7）—小程序组件库(提高开发效率)
文章目录其他相关文章 1.组件库 1.1.TDesign 引入TDesign 使用 NPM 修改 app.json 使用组件 TDesign的应用 Rate 评分 Sticky 吸顶容器 Toast ...
微信小程序组件库开发记录
微信小程序组件库开发记录背景前言技术选型环境搭建安装 gulp 将`scss`编译为`wxss` 压缩`wxml`,`js`,`json`文件和图片拷贝文件到另一个目录删除目录整合创 ...

小程序组件库ColorUI教程

小程序组件库ColorUI教程相关推荐

最新文章

热门文章