长征小程序产品系统

本项目聚焦红色教育数字化转型，面向青少年及党史学习者，以微信小程序为载体将长征历史转化为可交互的连环画阅读体验。传统红色教育形式单一、参与感弱，本程序通过地图探索、章节解锁、勋章激励、结业证书等游戏化机制，让用户在沉浸式浏览中主动学习长征精神，降低历史知识获取门槛。项目兼具爱国主义教育价值与轻量级工具属性，适用于学校思政课堂、党建活动、红色旅游导览等场景，是对"互联网+红色文化"传播模式的一次低成本、高触达实践。

本小程序以红军长征十大关键节点为主线，通过连环画叙事方式还原二万五千里征途。首页以沉浸式封面引导用户进入，地图页面标注瑞金出发、血战湘江、遵义会议、四渡赤水、巧渡金沙江、强渡大渡河、飞夺泸定桥、翻越雪山、过草地、突破腊子口、会宁会师等全部历史节点，支持点击节点逐章解锁阅读。每章以连环画配文形式呈现，底部导航支持顺序翻页与进度追踪。个人中心实时记录学习进度，完成相应章节可解锁初心启程、铁血征途、矢志不渝、长征星火四枚荣誉勋章，全部完成后可生成专属结业证书。时间轴页面以可视化时间线串联所有节点，学习回忆录自动汇总已读章节内容。全局适配 iOS 与 Android 安全区，导航栏动态适配状态栏高度，保障不同机型下的完整浏览体验。

独立开发。前端基于微信小程序原生框架开发，包含七个页面模块，地图组件调用腾讯地图 SDK 实现多节点标注与折线导航，音频采用 InnerAudioContext 实现背景音乐播放，数据通过 Storage 本地持久化存储阅读进度与收藏，媒体资源使用微信云开发云存储管理。
开发过程中攻克多项三端兼容难题：Android 端地图 marker 的 alpha < 1 属性导致节点不渲染，通过统一设为 1 并关闭 cloud:// 协议 iconPath 解决；::-webkit-scrollbar 伪元素及 env() 函数在 WXSS 编译器中不支持，排查后全部改用 JS 方案通过 wx.getSystemInfoSync 动态获取安全区与状态栏高度，以 setData 绑定 inline style 实现全局导航栏适配；iOS 与 Android 字体栈差异通过多级 fallback 键值对消除；连环画页 scroll-into-view 在 Android 不生效，通过增加 setTimeout 延时并重置目标值触发框架重算解决。