LivePage

One link opens on phones, computers and big screens, and adapts to each.

幸运大转盘 template

RetailFood & drinkInteractive

Example: 柚见三周年 · 幸运大转盘 · 大转盘

帮我给我们奶茶店的周年店庆做一个幸运大转盘,发成一个网页链接到会员群:首屏就是一只用 canvas 画的大转盘,8 格奖品,每格有一个现画的小插画和短字,外圈一圈会闪的灯泡,顶上一个指针,中间一个大的「开始」按钮;上面是店名、活动日期、一句大标题和一句店长的话,右上角一个静音键;点开始后转盘像真的一样减速停下,指针过格子边界时轻轻抖一下,停下时撒彩带、手机轻震、响一声合成的音效(点了才响),然后弹出一张奖券卡:奖品、插画、券码、有效期、在哪核销,下面填称呼点领取,存进一张数据表(name / prize / code)。转盘下面写今天还有几次机会、奖池还剩多少,一条「最近中奖」滚动条读这张表。往下是奖品与剩余:每样奖品的总数、剩余、此刻概率和一条剩余进度条,概率按剩余数算,写明规则;然后折叠的活动规则、门店地址带复制按钮。手机竖屏一屏看完首屏,电脑上居中一块手机比例的舞台;转盘不出来时也能看到奖品表、规则和一张登记表单。活动期间有变化就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-lucky-wheel/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-lucky-wheel as the base (list_examples key=sample-lucky-wheel), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-lucky-wheel and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page
Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-lucky-wheel/agent.md as a reference to make my own "柚见三周年 · 幸运大转盘", publish it on LivePage and show me the preview first.

My requirements: 帮我给我们奶茶店的周年店庆做一个幸运大转盘,发成一个网页链接到会员群:首屏就是一只用 canvas 画的大转盘,8 格奖品,每格有一个现画的小插画和短字,外圈一圈会闪的灯泡,顶上一个指针,中间一个大的「开始」按钮;上面是店名、活动日期、一句大标题和一句店长的话,右上角一个静音键;点开始后转盘像真的一样减速停下,指针过格子边界时轻轻抖一下,停下时撒彩带、手机轻震、响一声合成的音效(点了才响),然后弹出一张奖券卡:奖品、插画、券码、有效期、在哪核销,下面填称呼点领取,存进一张数据表(name / prize / code)。转盘下面写今天还有几次机会、奖池还剩多少,一条「最近中奖」滚动条读这张表。往下是奖品与剩余:每样奖品的总数、剩余、此刻概率和一条剩余进度条,概率按剩余数算,写明规则;然后折叠的活动规则、门店地址带复制按钮。手机竖屏一屏看完首屏,电脑上居中一块手机比例的舞台;转盘不出来时也能看到奖品表、规则和一张登记表单。活动期间有变化就更新同一个链接。
Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Share poster for 柚见三周年 · 幸运大转盘

Download poster

About this template

门店店庆、会员日、开业、节日,想发一个在群里点开就能抽一次的转盘:奖品有限量、要显示还剩多少、抽中的券到店核销,选它。只收报名、按场次分名额选 sample-event-signup;请人来吃饭回个执选 sample-invitation;不需要抽奖、只想把商品和价格摆出来选 sample-product-catalog。

Page structure:转一次 · 奖品与剩余 · 活动规则 · 门店地址

  • canvas 现画的转盘、彩带粒子与 Web Audio 合成音(点按后才发声,可静音),一张值得截图的奖券卡
  • 奖券卡里填称呼领取写回数据表(原生表单 POST ./_data/draws),页面读回扣减各奖品剩余、滚动显示最近中奖
  • 同一链接活动期间持续更新(改奖池、补门店已抽数都在这一页)
  • 微信卡片(share.title / share.desc)

Prepare before publishing: 数据表 draws(列 name / prize / code,append_open=true):奖券卡里的领取写进这里,页面读回扣减剩余、显示最近中奖;发布前先用 set_data 建好,活动结束把 append_open 关掉

View template source ›

More like this