小程序的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文件,从里面查找想要的内容,直接复制到个人项目中。
文章来源:https://www.toymoban.com/news/detail-734885.html
4、ColorUi官方包
为方便大家的下载,我把已经下载好的ColorUi2.0的包上传CSDN了,可以直接从此处下载:https://download.csdn.net/download/m0_60318025/87894170文章来源地址https://www.toymoban.com/news/detail-734885.html
到了这里,关于【微信小程序6】引入第三方UI的方法(ColorUi)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!