项目初始化请参照：使用ColorUI构建小程序项目_LookOutThe的博客-CSDN博客目录一、开发准备工作1.在前端开发工具中打开下载好的demo目录2.浏览器打开demo3.微信开发工具打开上一篇构建好的项目二、开始使用1.找需要使用的组件2.复制我们要使用的那段代码到我们小程序项目中。三、总结一、开发准备工作1.在前端开发工具中打开下载好的demo目录我使用的是HBuilderX，该步骤是为了复制我们需要的代码2.浏览器打开demo官方demo：（ColorUI组件库 ） 该步骤是为了找我们要用的组件 2.小程序打开demo官方网页demo没了，用小程序看也可以：该步骤是为了找我
小程序的ColorUI是基于原生开发的一套非常优秀的UI。能够让我们在开发过程中，很好、很契合地使用。具体介绍参考ColorUI官方网址：http://docs.xzeu.com/#/一、下载ColorUI 点击官网首页中的GitHub，进入下载页面。然后按照如下图标记进行操作。 下载完成后解压缩，打开之后，显示目录结构如下：二、引入ColorUI 1、复制colorui文件夹 打开上面目录结构中的demo文件夹，把里面的colorui文件夹整个复制到你的小程序项目中，放置到pages文件夹同层级中。 2、设置引入路径 打开项目目录
摘要：作为一名不了解ui的开发，但又想开发一款界面好看的小程序，那我极力推荐今天的主角-colorUi，它的优点在于提供了很多常用的纯ui组件，不掺杂任何逻辑，而且引入简单，轻量级！很适合没有ui基础又想快速制作一款小程序的开发者，下面一起了解一下。1、基础元素基础元素包含布局、背景、图标、文本等等一些常用的元素，可以直接拷贝粘贴使用，非常简单易用。2、丰富的组件一些常用的组件也是顺手拈来，每个组件都提供了多种样式可供选择，还能进行自定义，可以说对新手非常友好了！3、引入colorUiGitHub地址：https://github.com/weilanwl/ColorUI/直接下载zip包解压
目录使用方法1.下载的colorUI源码后，里面有这些文件夹2.运行demo文件夹，查看各组件效果3.template文件夹（colorUI空项目文件介绍） 注意：colorUI的app.json文件和原生的微信小程序的app.json有所不同了 自定义顶部导航栏自定义tabBar原生tabBar与自定义tabBar效果演示之前记录了weUI组件库的基础使用，现在用一下更加【漂酿】的colorUI，weUI组件库的博客在这里：微信小程序-weUI组件库_五速无头怪的博客-CSDN博客https://blog.csdn.net/black_cat7/article/details/120673
ColorUI我想大家都知晓吧，我就不过多阐述了，是文晓港大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可ColorUI，很多人用ColorUI做了不少精美的项目，我也一样，在此再次感谢作者。本人自己经常使用ColorUI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用，这应该是全网最全的ColorUI使用文档了，建议大家收藏。ColorUI使用文档地址ColorUIGithub地址ColorUI插件市场ColorUI在线展示因为右侧的h5是用iframe来嵌入的，
提示：使用colorui组件在微信小程序使用必须先懂得微信开发工具的使用。文章目录前言一、ColorUI是什么？二、使用步骤1.下载ColorUI组件文件2.微信开发工具项目引用colorui组件2.1操作方式一如下（示例）：`前提是项目已经存在，想在引用colorui组件`2.2操作二方式如下（示例）：`前提是项目还没开始，使用colorui组件`总结前言如何通过微信开发工具使用ColorUI组件一、ColorUI是什么？ColorUI是一个Css类的UI组件库！在你引入样式后可以根据class来调用组件,不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互/二、使用步骤
提示：使用colorui组件在微信小程序使用必须先懂得微信开发工具的使用。文章目录前言一、ColorUI是什么？二、使用步骤1.下载ColorUI组件文件2.微信开发工具项目引用colorui组件2.1操作方式一如下（示例）：`前提是项目已经存在，想在引用colorui组件`2.2操作二方式如下（示例）：`前提是项目还没开始，使用colorui组件`总结前言如何通过微信开发工具使用ColorUI组件一、ColorUI是什么？ColorUI是一个Css类的UI组件库！在你引入样式后可以根据class来调用组件,不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互/二、使用步骤
