【微信小程序6】引入第三方UI的方法（ColorUi）

        小程序的ColorUI是基于原生开发的一套非常优秀的UI。能够让我们在开发过程中，很好、很契合地使用。具体介绍参考ColorUI官方网址：http://docs.xzeu.com/#/

一、下载ColorUI

        点击官网首页中的GitHub，进入下载页面。然后按照如下图标记进行操作。

         下载完成后解压缩，打开之后，显示目录结构如下：

二、引入ColorUI

       1、复制colorui文件夹

        打开上面目录结构中的demo文件夹，把里面的colorui文件夹整个复制到你的小程序项目中，放置到pages文件夹同层级中。

        2、设置引入路径

        打开项目目录下的app.wxss文件，在其中写入如下代码：

/**app.wxss**/
@import '/colorui/main.wxss';
@import '/colorui/icon.wxss';
@import '/colorui/animation.wxss'; 

        3、开发文档

        开发过程中，可以参考官方文档的说明：http://docs.xzeu.com/#/info/快速开始/快速布署

同样的，也可以直接打开 ColorUI文件包中提供的demo文件，从里面查找想要的内容，直接复制到个人项目中。

扫描二维码关注公众号，回复： 16923940 查看本文章

 

        4、ColorUi官方包

                为方便大家的下载，我把已经下载好的ColorUi2.0的包上传CSDN了，可以直接从此处下载：https://download.csdn.net/download/m0_60318025/87894170