一、开源项目简介
一个开箱即用uniapp移动端组件库。目基于vue,使用colorUi与uView,完美支持微信小程序,包含功能:聊天室、自定义TabBar与顶部、地图轨迹回放、电子签名、图片编辑器、自定义相机/键盘、拍照图片水印、国庆红旗头像、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变动画、加载动画、请求封装等。
二、功能概述
项目包含功能 (部分):
- 自定义视频插件
- 自定义TabBar与顶部
- 引导页
- 瀑布流
- 排行榜
- 聊天室
- 电子签名
- 视频播放
- 证件识别
- 便捷查询
- 文档预览
- 在线答题
- 主题切换
- 渐变动画
- 加载动画
- 签到页面
- 会员中心
- 图片编辑器
- 自定义键盘
- 行政区域图
- 海报生成器
- 自定义相机
- 照片加水印
- 地图轨迹回放
- 数据封装请求
- 图表(ucharts)
- 小程序分享等等...
目录说明
复制代码├─colorui // colorui插件依赖├─common // 项目相关公共js方法│ ├─amap-wx.js // 高德地图
依赖js│ ├─classify.data.js // 模拟数据│ ├─geocode-utils.js // 腾讯
地图方法封装│ ├─projectData.js // 项目模拟数据│ ├─qqmap-wx-jssdk.js // 腾讯地图依赖js│ ├─request.js // 数据请求封装│ └─uiImg.js // 模拟数据│├─components // 项目中使用到的功能封装├─pages // 页面入口文件夹│ ├─index // 主页4个TabBar页面│ ├─me // 个人中心内页面│ ├─news // 新闻页│ ├─project // 项目展示页│ ├─design // 设计模板 · 瀑布流│ ├─timeline // 时间轴│ └─video // 视频播放页│├─static
// 静态资源├─tn_components // 组件模板页面入口 ├─drag_demo // 悬浮球 ├─chat // 聊天室 ├─anloading.vue // 自定义加载框 └─bgcolor.vue // 背景色 └─bggrad.vue // 背景渐变 └─charts.vue // 图表展示 └─clock.vue // 每日签到 └─company.vue // 自定义相机 └─course.vue // 课班信息 └─discern.vue // 证件识别 └─district.vue // 行政区域图 └─guide.vue // 引导页 └─imageEditor.vue // 图片编辑器 └─keyboard.vue // 自定义键盘 └─mapLocus.vue // 地图轨迹 └─medal.vue // 会员中心 └─mimicry.vue // 新拟态 └─openDocument.vue // 文档预览 └─pano.vue // webview高德
地图 └─poster.vue // 海报生成器 └─request.vue // 模拟数据请求 └─salary.vue // 排行榜 └─search.vue // 便捷查询 └─sign.vue // 手写签名 └─timeline.vue // 时间轴 └─timetables.vue // 课程表├─uview-ui // uview-ui插件依赖├─App.vue // vue项目入口文件├─LICENSE // 许可证├─main.js // 公共js├─manifest.json // uniapp项目配置文件├─pages.json // 页面路由配置页├─README.md // 说明文档└─uni.scss // uniapp内置的常用样式变量
三、技术选型
多端打包
快速打包交付,完美支持微信小程序、H5、Android和iOS
最新技术栈
基于Vue、uniApp、colorUi、uView等最新技术栈开发
案例丰富
地图轨迹回放、电子签名、图片编辑器、自定义相机/键盘、图片水印等
组件封装
对日常使用频率较高的组件二次封装,满足基础工作需求
主题Ui多样化
Ui设计色彩配比多样化,组件样式随心调整,主题可切换
性能体验优秀
加载页面速度快,App端支持原生渲染,可支撑更流畅的用户体验
四、界面展示
部分截图
五、开源协议
使用
MIT
开源协议
六、源码地址
私信回复:移动端组件库