小程序的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文件,从里面查找想要的内容,直接复制到个人项目中。
4、ColorUi官方包
为方便大家的下载,我把已经下载好的ColorUi2.0的包上传CSDN了,可以直接从此处下载:https://download.csdn.net/download/m0_60318025/87894170