【模板架构组成】
本套积分游戏模板基于微信原生开发框架构建，采用标准目录结构组织代码资源：

• pages目录：包含5个核心功能页面
  ├─index（首页）
  ├─task（任务中心）
  ├─wheel（大转盘）
  ├─rps（猜拳游戏）
  └─user（个人中心）

• static目录：存储本地图片/字体/图标资源

• components目录：预留公共组件扩展位

• utils目录：基础工具函数库（含示例代码）

【页面功能详解】

1. 首页设计要素：

• 网格导航区（4宫格布局）

• 积分展示栏（模拟数据绑定）

• 活动轮播图（3组静态占位图）

• 快捷入口按钮（每日签到/我的奖品）

2. 任务列表结构：

• 新手任务组（完成引导/完善信息）

• 日常任务组（每日分享/观看视频）

• 成就任务组（累计登录/连胜记录）

• 任务状态标识（未完成/进行中/已达成）

3. 大转盘实现方案：

• 八等分奖品槽（预设文字内容）

• 中心指针动画（CSS旋转效果）

• 抽奖次数计数器

• 中奖结果弹窗（模态对话框）

4. 猜拳交互逻辑：

• 手势选择按钮组（石头/剪刀/布）

• 对战结果展示区（文字+图标反馈）

• 历史战绩看板（胜负统计）

• 重新对战触发器（按钮事件绑定）

【代码结构解析】

1. WXML模板特征：

• 数据绑定语法{{}}应用示例

• 条件渲染指令wx:if/wx:else

• 列表渲染指令wx:for循环

• 事件绑定机制（bindtap/catchtap）

2. WXSS样式规范：

• rpx自适应单位应用

• Flex布局实现响应式

• 预设颜色变量（主题色/辅助色）

• 动画关键帧定义（@keyframes）

3. JavaScript逻辑层：

• Page生命周期函数示例

• setData数据更新机制

• 自定义工具函数调用

• 模拟数据初始化方法

【二次开发指南】

1. 样式定制方案：

• 修改主题色：全局搜索#FFB800替换

• 调整布局：编辑对应页面的WXSS文件

• 更换图片：替换static/images目录资源

• 字体调整：引用第三方字体文件

2. 功能扩展接口：

• 接入真实数据：修改onLoad函数

• 添加新页面：在app.json注册路由

• 开发组件：使用Component构造器

• 事件处理：补充业务逻辑代码

3. 注释说明体系：

• 文件头注释（功能/作者/版本）

• 复杂逻辑段注释（实现原理说明）

• TODO标记（待完善功能点）

• 参数说明注释（关键变量定义）

【合规性适配建议】

1. 运营前准备：

• 添加用户协议弹窗

• 配置隐私政策说明

• 移除测试用的虚拟奖品信息

• 添加"本产品为娱乐性质"声明

2. 广告位预留：

• Banner广告容器（首页底部）

• 激励视频触发点（转盘抽奖按钮）

• 插屏广告场景（任务完成弹窗）

• 添加广告标识与关闭按钮