《前端铺子》· 开源，易上手~

🕙 项目基本保持每日更新，右上随手点个 🌟 Star 关注，这样才有持续下去的动力，谢谢～

扫码体验

文档地址

点击查看详细说明文档，一定要仔细看哦～

项目说明

1. 项目基于Vue-uniApp，使用colorUi与uview框架，部分Demo参考uniApp插件市场等，感谢各位作者～
2. 项目包含功能 (部分)：

• 自定义视频插件
• 自定义TabBar与顶部
• 引导页
• 瀑布流
• 排行榜
• 聊天室
• 电子签名
• 视频播放
• 证件识别
• 便捷查询
• 文档预览
• 在线答题
• 主题切换
• 渐变动画
• 加载动画
• 签到页面
• 会员中心
• 授权登录
• 图片编辑器
• 摄影师资料
• 自定义键盘
• 行政区域图
• 海报生成器
• 自定义相机
• 照片加水印
• 海报设计工具
• 地图轨迹回放
• 数据封装请求
• 图表（ucharts）
• 小程序分享等等...

3. 组件模版是为了大家做需求时方便查阅参考，万一哪天公司的产品给你提出来了～
4. 其他功能还在补充中，部分接口已删除，如果有其他需求也可以留言给我～
5. 开源的目的就是为了方便同行的小伙伴，还请各位多支持～
6. 本人自知技术还处于底层，还是有很多需要学习的地方！

部分截图

目录说明

├─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            // 项目中使用到的功能封装
│
├─os_project            // 客户项目入口
│
├─pages                 // 页面入口文件夹
│   ├─index             // 主页4个TabBar页面
│   ├─me                // 个人中心内页面
│   ├─news              // 新闻页
│   ├─project           // 项目展示页
│   ├─design            // 设计模板 · 瀑布流
│   ├─timeline          // 时间轴
│   └─video             // 视频播放页
│
└─video                 // 付费模版入口
│   ├─customCamera      // 自定义相机/图片编辑器
│   ├─posterList        // 海报设计列表
│   └─posterImg         // 海报设计详情页
│
├─static                // 静态资源
├─tn_components         // 组件模板页面入口
    ├─drag_demo             // 悬浮球
    ├─chat                  // 聊天室
    ├─login                 // 登录页合集
    ├─photoWall             // 照片墙功能
    ├─anloading.vue         // 自定义加载框
    └─bgcolor.vue           // 背景色
    └─bggrad.vue            // 背景渐变
    └─charts.vue            // 图表展示
    └─clock.vue             // 每日签到
    └─company.vue           // 自定义相机
    └─course.vue            // 课班信息
    └─discern.vue           // 证件识别
    └─details.vue           // 通用详情页
    └─district.vue          // 行政区域图
    └─guide.vue             // 引导页
    └─imageEditor.vue       // 图片编辑器
    └─keyboard.vue          // 自定义键盘
    └─mapLocus.vue          // 地图轨迹
    └─medal.vue             // 会员中心
    └─mimicry.vue           // 新拟态
    └─openDocument.vue      // 文档预览
    └─pano.vue              // webview高德地图
    └─poster.vue            // 海报生成器
    └─request.vue           // 模拟数据请求
    └─takePicture.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内置的常用样式变量

安装教程

1. 下载安装：「HBuildX」、「微信开发者工具」
2. 扫码登陆微信开发者工具
3. 将项目拖进【HBuildX】- 运行 - 微信小程序 - 完成

作者信息

1. 作者：周凯文 (Kevin)
2. 邮箱：280224091@qq.com
3. 微信：280224091

其他说明

• 查看最新项目，请使用微信搜索小程序：“7he丶Kevin”
• 如果有不错的页面功能、设计，大家都可以参与项目开发
• 前端铺子 首页 qdpz.zhoukaiwen.com

关于后台

• 目前已经暂停后端的开发，等前端组件完善后会统一制作，请关注项目

「前端铺子」交流群

一群人数已500人满，大家可扫码加我拉群，请备注：gitee

已加入大佬：naive-ui-admin啊俊、图鸟-可我会像、TopicQ作者等等前后端全栈大佬

赞助作者

• 打赏就duck不必啦～ 就点点🌟 Star 🌟 关注更新，支持下作者就可以了

有项目、设计、其他方面需求合作，可以联系微信：

• 280224091（请备注：合作/需求/设计/等）