滚动头像

一、策划端配置

1. 添加抽奖轮次

进入活动策划端 → 幸运抽奖 → 滚动头像，点击"添加轮次"按钮。

1. 选择显示风格：简约科技（蓝色科技感）或红色经典（喜庆红色），支持鼠标悬停预览动态效果。
2. 选择奖品图片：从系统预设奖品图库中选择，或上传自定义奖品图片（建议512×512像素，不超过3M）。
3. 填写奖项名称（必填）：如"特等奖""一等奖""二等奖"等。
4. 填写奖品名称：具体的奖品型号描述，如"iPhone 16 Pro Max""华为Mate 70 Pro"等。
5. 设置中奖人数（必填）：本轮次将抽取的获奖人数。

2. 参与限制设置

• 全部：所有已签到参与者均可参与本轮抽奖。
• 签到分组：仅指定签到分组内的成员可参与，支持为每个分组分配中奖名额。
• 自定义分组：仅指定自定义分组内的成员可参与，支持为每个分组分配中奖名额。
• 互动分组：仅进入过指定互动功能（如红包雨、摇一摇等）的参与者可参与。

3. 高级设置

• 允许重抽：开启后，当前轮次开奖后可关闭中奖名单再次抽取，实现同一轮次多次开奖。
• 滚动速度：1-10级可调，控制头像滚动的快慢节奏。
• 滚动范围：所有/所有未中奖/组内所有/组内未中奖，控制头像池的筛选范围。
• 重复中奖：中奖后自动剔除（同一用户不会在互斥轮次中重复中奖）或独立轮次（不受之前中奖记录影响）。

4. 自定义风格

切换到"自定义风格"标签页，可为每种显示风格单独配置：

• 背景音乐：上传MP3格式音乐（不超过5M），支持多首音乐管理和在线试听。
• 大屏幕背景：支持图片或视频背景，简约科技默认蓝色科技视频、红色经典默认红色喜庆图片。
• 手机端Banner：参与者手机端展示的顶部Banner图片或视频。

5. 轮次管理

• 支持拖拽排序调整轮次顺序。
• 已开始/进行中/已结束的轮次变为"查看"模式，不可编辑。
• 支持删除未开始的轮次。
• 点击"重置轮次"可将所有轮次恢复为"未开始"状态，同时清空中奖记录。
• 点击"打开大屏幕"在新窗口打开大屏端展示页面。

二、大屏端操作

1. 在大屏端打开活动页面，切换到"滚动头像"场景。
2. 通过 +/- 按钮调整每次抽取的头像个数（不超过参与人数）。
3. 点击"开始抽奖"按钮（或按空格键），所有头像开始快速滚动闪烁。
4. 点击"停止抽奖"按钮（或按空格键），系统随机抽取中奖者，头像停止滚动并定格在中奖者头像上。
5. 2秒后自动弹出中奖名单弹窗，展示所有中奖者头像和姓名。
6. 点击"中奖名单"按钮可随时查看当前轮次的中奖结果。
7. 点击弹窗遮罩层关闭中奖名单。

三、参与端体验

当大屏切换到滚动头像场景时，参与者手机端页面同步显示当前功能状态。中奖结果通过WebSocket实时推送，确保参与者及时获知中奖信息。