投票打榜模板

教育企业内部互动玩法

示例：最美班级风采 · 投票打榜 · 投票榜

帮我做一个投票打榜的网页，发到家长群里让大家投：学校六一评「最美班级」，8 个班参选。手机竖屏为主，电脑上居中一块手机大小的舞台。首屏是活动主视觉（彩旗、气球的插画，大标题）、一个走秒的截止倒计时，下面是实时前三的领奖台：中间第一、左边第二、右边第三，柱子高度按票数比例，页面打开时柱子从台面长出来，柱顶是班级头像、班名和票数；接着是 8 个班的卡片，按票数排名，每张有插画封面、班名和昵称、一句口号、一句做了什么、一条票数条和「投一票」按钮，点了票数 +1 往上飘、名次变了卡片要动画交换位置，有轻的提示音（可静音）；每人每天 3 票，只在页面上提示还剩几票；投票存到一张数据表（每行一票：班级、投票人称呼），页面读这张表把票数加到已有票数上，领奖台、卡片和总票数三处要对得上；脚本不跑时也能看静态排行，并有一个选班级的投票表单。最后写活动规则（投票时间、每天几票、谁能投、平票怎么算）和奖项设置。颜色明快但别花，插画全用内联矢量图画。以后补候选或改截止时间就更新同一个链接。

参考模板：先读 https://space.24haowan.com/examples/sample-vote-rank/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-vote-rank 当底稿（list_examples key=sample-vote-rank），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-vote-rank ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-vote-rank/agent.md 做一份我自己的「最美班级风采 · 投票打榜」，发成活页，先给我看预览。

我的要求：帮我做一个投票打榜的网页，发到家长群里让大家投：学校六一评「最美班级」，8 个班参选。手机竖屏为主，电脑上居中一块手机大小的舞台。首屏是活动主视觉（彩旗、气球的插画，大标题）、一个走秒的截止倒计时，下面是实时前三的领奖台：中间第一、左边第二、右边第三，柱子高度按票数比例，页面打开时柱子从台面长出来，柱顶是班级头像、班名和票数；接着是 8 个班的卡片，按票数排名，每张有插画封面、班名和昵称、一句口号、一句做了什么、一条票数条和「投一票」按钮，点了票数 +1 往上飘、名次变了卡片要动画交换位置，有轻的提示音（可静音）；每人每天 3 票，只在页面上提示还剩几票；投票存到一张数据表（每行一票：班级、投票人称呼），页面读这张表把票数加到已有票数上，领奖台、卡片和总票数三处要对得上；脚本不跑时也能看静态排行，并有一个选班级的投票表单。最后写活动规则（投票时间、每天几票、谁能投、平票怎么算）和奖项设置。颜色明快但别花，插画全用内联矢量图画。以后补候选或改截止时间就更新同一个链接。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

要在群里发起一场评选、让大家点一下就投票并实时看排名的，选它：最美班级、优秀团队、最佳作品、年会节目、门店评比。候选一般 4–12 个，每个有一张封面和一句话。只是问大家「选哪个时间 / 去哪里」、不需要排名与领奖台的，选 sample-event-signup；请人来参加活动、收出席回执的，选 sample-invitation。

页面结构：实时排行 · 8 个班 · 投票 · 规则与奖项

一键投票写回数据表（原生表单 POST ./_data/votes 打底，脚本在时页内提交），页面读回实时算票数和排名
首屏领奖台按票数长高、名次变化时卡片换位，排行本身就是一张值得截图转发的画面
同一链接更新不变（补候选、改截止时间都在这一页），阅读回执看看哪几节被看了
微信卡片（share.title / share.desc）

发之前要备好：数据表 votes（列 class / voter，append_open=true）：「投一票」和文末表单都写进这里，一行一票，页面读回加到基础票数上；发布前先用 set_data 建好，到截止时间把 append_open 关掉

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

投票打榜模板

同类案例