海报生成器(一键制作图片)

一、开源项目简介

一个开箱即用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

开源协议


六、源码地址

私信回复:移动端组件库


上一篇 2022-02-19 15:38:53
下一篇 2022-02-19 15:39:15

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注