点击空白处退出提示
作品详情
背景:年初的开门红巅峰赛和排行榜,提升各销售渠道的活跃度,营造热闹的开门氛围
功能:分为巅峰赛、贺报、排行榜三个模块页面,巅峰赛页面提供48家门店的关卡达到情况,贺报弹窗展示当前打到关卡的贺报蓝图,排行榜则总体汇报当前销售俩的排行情况。
2. 责任描述
我主要负责开门红的巅峰赛和排行榜,使用了vue作为技术栈,自研组件库nui作为UI框架,利用svg绘制路径,最终实现了开门红活动,促进各门店的销售积极性。
3. 重难点
难点在于48家门店的关卡展示和定位,以及首屏加载时间的优化。
对于多家门店的渲染和定位,使用配置项和路径进行自定义配置,利用监听事件和后端数据进行滚动定位。对于大图使用webp格文件,减少资源大小;对于首屏资源使用cdn资源和进行预加载、懒加载等等
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论