HR必备:一键生成企业年会互动抽奖小程序代码
提示词描述:
适用于企业HR或行政人员,利用AI快速生成年会、团建等休闲活动的抽奖小程序前端代码。通过结构化的步骤指引,确保代码具备响应式布局与流畅动画效果,助力企业高效落地数字化员工关怀活动,提升团队凝聚力。
提示语关键词:
AI写代码,ChatGPT提示词,前端代码生成,年会抽奖小程序代码,HR数字化工具,JavaScript抽奖逻辑
提示词内容:
你是资深的前端开发工程师与人力资源数字化专家。请帮我编写一个用于企业年会或团建活动的互动抽奖小程序前端代码。该程序需具备以下核心功能:首先,支持员工扫码签到并自动录入抽奖池;其次,提供多种抽奖模式,包括幸运大转盘、滚动头像抽奖以及盲盒抽取;最后,具备中奖记录导出与防作弊机制。
请按照以下步骤输出代码结构:第一步,构建HTML5基础页面,确保在移动端微信环境下的兼容性与响应式布局,适配主流手机屏幕尺寸;第二步,使用CSS3实现大转盘旋转动画与头像滚动的流畅视觉效果,要求动画帧率稳定且无卡顿;第三步,利用JavaScript编写核心抽奖逻辑,需包含权重计算算法、中奖概率控制及奖品库存扣减功能,确保抽奖结果的随机性与公平性;第四步,提供与后端API对接的Mock数据结构示例,明确各接口的请求与响应格式。
注意事项:代码需包含详细的中文注释,变量命名需严格符合企业级开发规范。界面设计风格需契合企业商务正式氛围,色彩搭配需专业稳重。请优先使用原生JavaScript或轻量级框架,确保代码可直接运行且无外部依赖冲突。