争霸赛小程序重构
项目结构
项目数据存储
storage相关
- wxUserInfo 微信授权信息,包含: 昵称、头像等
- serverUserInfo 服务器登陆返回信息, 包含: 活动详情相关、用户详情相关
- openId
- token ajax请求 authorization 验证
getApp().globalData 相关
- 礼品兑换跨页面存储
- 竞赛挑战,挑战者、应战者信息,挑战详情
页面结构
components 组件
- chart 图表
- course 课程音频条
- gift 礼品兑换,分为2个: count2 计数器组件, toast-confirm 确认弹窗组件
- global 原意为定义全局组件, 因 uni-app 不支持写法放弃, 具体请参考: uni-app组件式开发,通用组件的引入方式只有在main.js中使用Vue.component吗?, 现在只注册为全局弹窗组件 global/toast
- index_toast 用户首页弹窗,分为5个: accept接受竞猜弹窗, challenge挑战结果弹窗, course开课弹窗, xueba学霸弹窗, xuewei学位弹窗
- upload 上传图片,分为2个: input 数量输入组件, select 类型、性别选择组件
static 静态资源
utils 公共方法
- ajax 服务器请求
- api 接口地址
- filters vue filter 过滤器, 注册在main.js中
- u-chart 图表 用于components/chart组件内引用
pages 页面(⭐)
具体页面请参考 pages.json