程序介绍
前端铺子 是一个基于 Vue、uniApp、 ColorUi、uView 的web移动端解决方案,它使用了最新的前端技术栈,完美支持微信小程序,包含功能:自定义TabBar与顶部、地图轨迹回放、金融量化、抽奖、电子签名、图片编辑器、自定义相机/键盘、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变动画、加载动画、请求封装等~ 它可以帮助你快速搭建移动端项目,该项目使用最新的前端技术栈,相信不管是从新技术使用还是其他方面,都能帮助到你。
运行·前端铺子
注意:运行前删除AppID,重新获取或替换成您的。
下载安装:「HBuildX」、「微信开发者工具」
扫码登陆微信开发者工具
将项目拖进【HBuildX】- 运行 – 微信小程序 – 完成
目录结构
- ├─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内置的常用样式变量