项目简介:该活动是联通用户vip专享权益,可在商城进行购物,邀请好友砍价以及助力,使用封装的sdk转发至微信配置分享语,标题,以及分享图
技术栈:vue-cli,vuex,vant,axios,vue-router,scss
项目描述:
1,页面布局使用百分比flex以及vw和vh
2,针对750的设计稿配置font-size的大小使用rem作为单位
3,对安卓和ios部分css样式不兼容进行处理
4,用户可在当前分享的页面点击所选的商品进行购买(需登录联通手机号)
5,将后端数据请求回来保存至本地进行渲染,用key将本地数据与第三方接口数据进行对比商品数量
6,对于已售完的商品做已抢光遮罩层的效果,提高用户体验
7,首页使用css动画实现红包图轮播以及卡片的正反面翻转效果
8,活动下线只需前端添加一个遮罩层或是一个弹窗
9,在computed计算属性中对后端返回的数据进行处理后再渲染