该活动主要目的是增加用户的互动,提高用户的充值率。该活动的主要模块有七夕鹊桥、七夕斗巧
会、观星祈福。
项目技术栈:vue+vue-cli+vue-router+swiper+rem+flexible+axios+scss+vant-ui+websocket
项目实现:
1、基于 vue 技术栈实现项目开发
2、使用了 flexible 布局适配各种型号手机
3、封装了顶部导航栏,现实了页面刷新、返回上一页或者返回 App 等功能
4、使用了 swiper 轮播图插件,实现了七夕鹊桥页面的轮播效果
5、 使用了 websocket ,实现了七夕斗巧会页面的同步更新的功能
6、对 axios 进行封装,实现 axios 响应拦截、请求拦截
技术难点:
websocket 请求次数比较频繁,后端返回的同步数据有延时性,容易造成数据被覆盖;