活页LivePage

同一个链接,手机、电脑、投屏都能打开,自动适配。

小区公告栏模板

房产政务监测

示例:桂语花园 · 小区公告栏 · 公告栏

帮我做一个小区公告栏网页,发到业主群,每周更新同一个链接:页头是物业服务中心名字、小区名和「小区公告栏」、第几周和更新日期。顶部一条「本周天气提醒」:用 Open-Meteo 的免费天气接口取小区所在城市未来 7 天预报,按规则写两三条提醒(降雨概率 60% 以上提醒收衣服、地库低洼车位挪车;最高 33° 以上提醒高温;早晚温差 10° 以上或比前一天降 6° 以上提醒添衣),下面一排 7 天小格(星期、图标、最高最低温、降雨概率),写明数据来源和更新时间,页面里先内联一份今天的快照,接口取不到时照样显示。主体是一块软木公告栏:木框、软木纹理,上面用彩色图钉钉着 6 张微微歪着、颜色不同的公告纸(停水通知、电梯检修、垃圾分类新规、快递柜搬迁、消防演练,再加一张胶带贴的失物招领便签),每张有类型标签、宋体标题、时间地点和一句摘要;点一张,图钉先拔起来、纸从板上被取下来放大到屏幕中间看全文(有文号和落款),关掉再钉回去。然后是「在线报修」:本周报修条数大数字、已完成 / 处理中 / 待上门的进度条、最近 5 条(只写楼栋和类型),下面一张报修表单(楼栋、房号、问题类型、说说情况、方便上门的时间),提交后存进数据表,页面读回把条数和列表加上,并出一张回执。最后是物业值班电话,点了直接拨。颜色清爽,手机上一栏,电脑上左边公告栏铺宽、右栏放天气和报修。

参考模板:先读 https://space.24haowan.com/examples/sample-estate-notice/agent.md ,照它的结构和版式做,内容全部换成我的;做成一个单文件 HTML(样式写在页面里、不引用外部文件,手机上好看),并提供 .html 文件下载。
· 你有活页工具(MCP):用样例 sample-estate-notice 当底稿(list_examples key=sample-estate-notice),发成活页,先给我看预览。
· 没有活页工具、但能发 HTTPS 请求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-estate-notice ,把返回的预览链接和认领链接给我(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-estate-notice/agent.md 做一份我自己的「桂语花园 · 小区公告栏」,发成活页,先给我看预览。

我的要求:帮我做一个小区公告栏网页,发到业主群,每周更新同一个链接:页头是物业服务中心名字、小区名和「小区公告栏」、第几周和更新日期。顶部一条「本周天气提醒」:用 Open-Meteo 的免费天气接口取小区所在城市未来 7 天预报,按规则写两三条提醒(降雨概率 60% 以上提醒收衣服、地库低洼车位挪车;最高 33° 以上提醒高温;早晚温差 10° 以上或比前一天降 6° 以上提醒添衣),下面一排 7 天小格(星期、图标、最高最低温、降雨概率),写明数据来源和更新时间,页面里先内联一份今天的快照,接口取不到时照样显示。主体是一块软木公告栏:木框、软木纹理,上面用彩色图钉钉着 6 张微微歪着、颜色不同的公告纸(停水通知、电梯检修、垃圾分类新规、快递柜搬迁、消防演练,再加一张胶带贴的失物招领便签),每张有类型标签、宋体标题、时间地点和一句摘要;点一张,图钉先拔起来、纸从板上被取下来放大到屏幕中间看全文(有文号和落款),关掉再钉回去。然后是「在线报修」:本周报修条数大数字、已完成 / 处理中 / 待上门的进度条、最近 5 条(只写楼栋和类型),下面一张报修表单(楼栋、房号、问题类型、说说情况、方便上门的时间),提交后存进数据表,页面读回把条数和列表加上,并出一张回执。最后是物业值班电话,点了直接拨。颜色清爽,手机上一栏,电脑上左边公告栏铺宽、右栏放天气和报修。
分享海报

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

桂语花园 · 小区公告栏 的分享海报

下载海报

这份模板

物业服务中心、社区居委会、街道网格员要把本周的停水停电、电梯检修、垃圾分类新规、设施搬迁这些零碎通知放进同一个链接,每周换一次发到业主群,顺手收报修,选它:首屏一块软木公告栏,点一张公告取下来看全文,顶部天气提醒按真实预报现算。只发一份通知、要每户都回执确认的,选 sample-class-notice;要收活动报名、按名额截止的,选 sample-event-signup;要每天早上发天气和本地城事给粉丝群的,选 sample-city-morning。

页面结构:本周天气提醒 · 本周公告 · 本周报修进度 · 在线报修 · 物业值班

  • 记忆点:软木板上图钉钉着几张微微歪着的公告纸,点一张,图钉先被拔起、纸被「取下来」放大看全文(Web Animations),关掉再钉回去;脚本不跑时全文直接展开
  • 外部数据是真的:「本周天气提醒」用 Open-Meteo 真实 7 天预报(以杭州天气为例),按规则生成提醒(降雨概率 ≥ 60% 收衣服、地库防水;最高 ≥ 33° 高温;日温差 ≥ 10° 或比前一天低 ≥ 6° 添衣),页面内联快照先画、实时数据 3 秒超时、失败写明「数据更新于」
  • 在线报修写回数据表 repair(原生表单 POST ./_data/repair 打底,脚本在时页内提交、就地出回执),页面读回本周报修条数与处理进度条,最近几条只露楼栋和类型
  • 同一个链接每周五换一版公告,业主群里收藏一次就够;值班电话点了直接拨

发之前要备好:数据表 repair(列 building / room / type / desc / slot,append_open=true):在线报修写进这里,页面读回本周新登记的条数和楼栋、类型;发布前先用 set_data 建好。处理进度(已完成 / 处理中)在页面脚本的 BASE 里,由服务中心每周更新时改;报修行里有房号和问题描述,页面能读到整张表:建议用 set_visibility 设成 passcode,口令只发在本小区业主群;天气接口 api.open-meteo.com(免费、无需 key,署名「天气数据:Open-Meteo.com(CC BY 4.0)」):发布回执会把它列为站外域名,这是事实说明、不是提醒;每周更新时顺手刷新页面里的天气快照

看模板源码 ›

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

改进记录

  • 2026-10-31 · 刷新数据 桂语花园 · 小区公告栏 — 更新 Open-Meteo 天气快照、静态兜底提示与手机电脑截图。

更新日志 ›

同类案例