小区公告栏 template

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-estate-notice/agent.md as a reference to make my own "桂语花园 · 小区公告栏", publish it on LivePage and show me the preview first.

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

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

Page structure：本周天气提醒 · 本周公告 · 本周报修进度 · 在线报修 · 物业值班

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

Prepare before publishing: 数据表 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）」）：发布回执会把它列为站外域名，这是事实说明、不是提醒；每周更新时顺手刷新页面里的天气快照

View template source ›