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

简介: 【微信小程序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文件,从里面查找想要的内容,直接复制到个人项目中。

 

       4、ColorUi官方包

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

目录
相关文章
|
4月前
|
小程序
|
4月前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
家政服务小程序APP开发,做好上门家政最快的方法是什么?
在家政服务领域,打造成功的平台并非易事。本文分享了三个关键步骤:避免初期盲目投入、采用低成本获客方式、建立有效的阿姨筛选机制。遵循这些方法,可助你避开常见陷阱,成为行业头部平台。
|
3月前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
320 60
|
2月前
|
开发框架 人工智能 小程序
小程序常见的 UI 框架
【10月更文挑战第17天】小程序 UI 框架为开发者提供了便捷的工具和资源,帮助他们快速构建高质量的小程序界面。在选择框架时,需要综合考虑各种因素,以找到最适合项目的解决方案。随着技术的不断进步,UI 框架也将不断发展和创新,为小程序开发带来更多的便利和可能性。
76 2
|
2月前
|
小程序 开发者 UED
支付宝小程序UI/UX设计原则与最佳实践
支付宝小程序UI/UX设计原则与最佳实践
81 6
|
3月前
|
小程序
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
51 11
|
4月前
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
4月前
|
小程序 安全
Fiddler抓取小程序后端请求导入AppScan扫描快捷方法
【8月更文挑战第26天】这是一种利用 Fiddler 捕获小程序后端请求并导入 AppScan 进行安全扫描的方法。首先安装配置 Fiddler 并设置手机代理,通过 Fiddler 捕获请求;接着导出这些请求为 .saz 文件,并在 AppScan 中导入此文件,配置扫描参数后启动扫描以检测安全漏洞。操作时需确保有合法授权并遵循相关法规。尽管不同版本软件操作细节可能有所不同,但整体流程类似。
170 1
|
4月前
|
小程序 UED 开发者
揭秘支付宝小程序成功之道:UI/UX设计原则与用户体验优化秘籍大公开!
【8月更文挑战第27天】支付宝小程序在移动互联网中扮演着重要角色,优秀的UI/UX设计能显著提升用户满意度。本文首先强调了设计的一致性、简洁性、易用性和响应性原则,确保用户获得顺畅体验。接着,介绍了最佳实践,包括利用支付宝设计组件库保持界面统一、优化加载速度、适应多设备显示、设置清晰导航以及重视用户反馈。最后,提供了一个简单示例展示如何应用支付宝设计组件。遵循这些指导原则,开发者能够构建既美观又实用的小程序。
98 0