lipenghui8 / bucuo_front

不错小程序前端

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

不错校园

接口文档地址

点我

用到的库

需求文档

  1. 经验页面搜索框固定到底部
  2. 功能页面上边距
  3. 功能页面顶部变白
  4. 消息页面去掉红包
  5. 消息图标去掉2
  6. 我的图标去掉小红点
  7. 消息页面圆形图标
  8. 会员中心页面。
  9. 芝士币交易所顶部变白。
  10. 内容修改。
  11. ID改成不一样。
  12. 经验页面爱心不用方框
  13. 帖子点赞收藏
  14. 所有帖子可以点进去,换成指定内容

分工:

  • 1,2,3,4,5,6,12
  • 7,8,9,10,11,13,14

项目说明

  1. 项目基于Vue-uniApp,使用colorUi与uview框架,部分Demo参考uniApp插件市场等
  2. 项目包含功能 (部分):
  • 自定义视频插件
  • 自定义TabBar与顶部
  • 引导页
  • 瀑布流
  • 排行榜
  • 聊天室
  • 电子签名
  • 视频播放
  • 证件识别
  • 便捷查询
  • 文档预览
  • 在线答题
  • 主题切换
  • 渐变动画
  • 加载动画
  • 签到页面
  • 会员中心
  • 图片编辑器
  • 自定义键盘
  • 行政区域图
  • 海报生成器
  • 自定义相机
  • 照片加水印
  • 海报设计工具
  • 地图轨迹回放
  • 数据封装请求
  • 图表(ucharts)
  • 小程序分享等等...
  1. 组件模版是为了大家做需求时方便查阅参考,万一哪天公司的产品给你提出来了~
  2. 其他功能还在补充中,部分接口已删除,如果有其他需求也可以留言给我~
  3. 开源的目的就是为了方便同行的小伙伴,还请各位多支持~
  4. 本人自知技术还处于底层,还是有很多需要学习的地方!

部分截图

目录说明

├─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					// 登录页合集
	├─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			// 模拟数据请求
	└─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】- 运行 - 微信小程序 - 完成

其他说明

About

不错小程序前端


Languages

Language:Vue 64.2%Language:JavaScript 23.5%Language:CSS 10.8%Language:SCSS 1.4%Language:Less 0.1%