宽窄之家数字化品牌服务平台产品系统

本项目的立项旨在借助数字化手段，将宽窄品牌文化从线下物理空间延伸至线上平台，搭建连接品牌方、零售终端与消费者的数字化桥梁。项目核心应用于品牌文化传播、用户社群运营、文创产品展示推广及文旅场景联动等业务场景，面向四川及全国范围内的文化爱好者、旅游消费者和品牌合作商户，解决品牌线上触达不足、用户互动形式单一、文创产品数字化推广薄弱等痛点。

1、品牌文化展示模块：通过图文、视频、H5等多种形式数字化呈现宽窄品牌文化与宽窄哲学内涵，支持AR互动等沉浸式体验，让用户在线感知宽窄文化的独特魅力。
2、用户互动与社群运营模块：支持线上组团互动活动、游戏化任务挑战、积分签到、话题讨论等功能，构建用户社群生态，增强用户粘性与品牌归属感。
3、文创产品展示与商城模块：展示宽窄系列文创产品、四川特色风物及品牌联名商品，支持在线浏览、收藏、下单购买，打通从内容种草到消费转化的完整链路。
4、活动管理与预约模块：支持品牌线下活动（如文化沙龙、品鉴会、市集等）的发布、在线报名、核销签到及活动数据统计，实现线上线下一体化运营。
5、数据统计与运营管理后台：提供用户行为分析、活动效果追踪、商品销售数据看板等功能，为品牌运营决策提供数据支撑。

本人负责前端开发，基于 Vue + Vue Router + Axios 构建。项目包含十州闯关地图与诗词答题、十字成语答题三大模块。地图模块实现国风长卷滚动、关卡节点动态解锁、悬浮弹窗（规则/中奖记录）及挑战次数同步；答题模块实现60秒倒计时、九宫格单字填空、备选字点选交互、进度展示（第1/5题）与答案提交判定。通过 rem/vw 适配多端，使用 CSS3 动画还原国风水墨交互，并通过图片懒加载、接口防抖节流优化首屏与运行性能。