%20(2).svg)
项目简介
本项目基于ColorUI框架开发，利用ColorUI的CSS库，通过简单引入class即可使用丰富的UI组件。项目还提供了自定义导航栏和自定义Tabbar的示例代码，便于开发者进行个性化定制。
项目的主要特性和功能
- 引入ColorUI框架，简化UI开发，提供丰富CSS组件。
- 提供自定义导航栏封装示例，可根据系统信息动态调整导航栏高度。
- 给出自定义Tabbar实现思路，通过主页面引入多页面切换显示，解决切换闪烁问题。
- 提供详细安装使用步骤和代码示例，方便开发者快速上手。
安装使用步骤
前提条件
假设用户已经下载了本项目的源码文件。
使用步骤
- 解压源码文件，将
/colorui文件夹复制到项目的根目录。 - 在
App.vue中引入关键CSS文件： ```html
3. 使用自定义导航栏：
- 在 `App.vue` 中获取系统信息并设置导航栏相关参数：javascript
onLaunch: function() {
uni.getSystemInfo({
success: function(e) {
// 根据平台设置导航栏高度
}
});
}
- 在 `pages.json` 中配置取消系统导航栏：json
"globalStyle": {
"navigationStyle": "custom"
}
```
4. 使用自定义Tabbar：参考示例代码进行开发，注意优化代码结构以解决切换时可能出现的闪烁问题。
5. 根据项目需求调整其他细节和样式。
更新日志（部分）
- 2019年4月25日 v2.1.6：删除var变量，向下兼容安卓APP，优化单选等表单控件。
- 2019年4月25日 v2.1.5：优化图片上传、点击区域、图标旋转、demo显示、阴影，修复支付宝小程序编译出错。
- 2019年4月14日 v2.1.4：新增多种阴影，修复var属性错误，修复轮播图控制点隐藏问题，修改图标类名，修复表单组件上传图片问题。
- 2019年4月01日 v2.1.3：优化代码，支持支付宝小程序，textarea样式还原。
- 2019年3月28日 v2.1.2：修复列表组件样式，优化主样式代码。
- 2019年3月27日 v2.1.1：新增多种扩展，优化堆叠轮播图、消息列表、导航栏封装，修复卡片评论错位。
- 2019年3月25日 v2.1.0：完成元素、组件移植，更改icon文件名，针对不同端口优化。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】