小區公告欄模板

房產政務監測

示例：桂語花園 · 小區公告欄 · 公告欄

幫我做一個小區公告欄網頁，發到業主群，每週更新同一個連結：頁頭是物業服務中心名字、小區名和「小區公告欄」、第幾週和更新日期。頂部一條「本週天氣提醒」：用 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 天气快照、静态兜底提示与手机电脑截图。

更新日誌 ›

小區公告欄模板

同類案例