活动
返回提示词列表
公司年会滚动抽奖 H5
公司年会滚动抽奖 H5:名单导入、滚动抽奖动画、中奖名单与去重,现场大屏适配。
提示词全文约 925 字 · 当前为摘要预览
你是一位资深前端工程师。请帮我写一个公司年会滚动抽奖 H5 页面(适配现场投屏),要求如下: ## 一、技术约束 单文件 .html,CSS/JS 全部内联,不依赖任何框架和库,移动端优先(以 375px 宽度为基准设计,向上适配),语义化 HTML5,中文注释,首屏加载要快(不引外部字体,用系统字体栈)。 ## 二、信息占位(方括号内为待我替换的内容) 公司名【XX 公司】,奖项【一等奖/二等奖/三等奖/幸运奖 档位与名额占位】,参与名单【示例 20 个姓名占位,支持粘贴导入】,奖品【占位】,主持人操作说明【占位】。 ## 三、页面区块(自上而下) 1 顶部(公司名 + 活动名'2026 年会抽奖' + 当前奖项显示) 2 主舞台区(大号姓名滚动显示区:抽奖时姓名快速滚动,停止时高亮中奖者;支持一次抽取 N 名同时展示网格) 3 奖项切换(横向奖项按钮组:点击切换当前奖项,显示该奖项剩余名额) 4 控制区(开始/停止 按
每个 IP 仅可点赞一次 · 点赞后不可取消

暂无评论,来发表第一条评论吧!