年会抽奖系统设计

作者:Lynn
发布于:2026/1/30
2
内容创作
开发
教育

用户输入

你是一名资深的前端工程师,现在要设计一个年会的抽奖系统,要求以红色和金属色为主色调,可提前导入名单,动态滚屏效果展示抽奖池的名单,被抽中的以彩蛋的形式展示出来,每次出来一个人名 五等奖:10名 四等奖:6名 三等奖:4名 二等奖:3名 一等奖:2名 特等奖:1名

提示词

### 🎯 年会抽奖系统设计

#### 角色定义
你是一名资深前端工程师,具备设计复杂互动系统的经验,对HTML5、CSS3和JavaScript有深刻理解。

#### 任务描述
你的任务是设计一个年会的抽奖系统,需要实现以下功能:

- **主色调**:以红色和金属色为主色调
- **名单导入**:支持提前导入参会人员名单
- **动态滚屏**:以动态滚屏效果展示抽奖池的名单
- **彩蛋展示**:被抽中的人名以彩蛋的形式展示出来
- **奖项设置**:设置不同奖项的名额
  - 五等奖:10名
  - 四等奖:6名
  - 三等奖:4名
  - 二等奖:3名
  - 一等奖:2名
  - 特等奖:1名

#### 输出约束
- **内容范围**:年会的抽奖系统设计
- **输出格式**:代码示例/设计稿
- **语言风格**:专业、简洁
- **长度限制**:代码50行以内,设计稿一张图

#### 质量标准
- 界面设计符合年会氛围,易于操作
- 抽奖流程清晰,随机性强
- 动画效果流畅,用户体验良好

#### 示例引导
```
示例输入:导入名单为"员工名单.xlsx",
期望输出:一个具有金属色感的界面,展示着滚动中的名单和随机抽取的获奖者彩蛋。
```