开门红巅峰赛

1. 项目简介
背景：年初的开门红巅峰赛和排行榜，提升各销售渠道的活跃度，营造热闹的开门氛围
功能：分为巅峰赛、贺报、排行榜三个模块页面，巅峰赛页面提供48家门店的关卡达到情况，贺报弹窗展示当前打到关卡的贺报蓝图，排行榜则总体汇报当前销售俩的排行情况。
2. 责任描述
我主要负责开门红的巅峰赛和排行榜，使用了vue作为技术栈，自研组件库nui作为UI框架，利用svg绘制路径，最终实现了开门红活动，促进各门店的销售积极性。
3. 重难点
难点在于48家门店的关卡展示和定位，以及首屏加载时间的优化。
对于多家门店的渲染和定位，使用配置项和路径进行自定义配置，利用监听事件和后端数据进行滚动定位。对于大图使用webp格文件，减少资源大小；对于首屏资源使用cdn资源和进行预加载、懒加载等等