楼盘房源模板

房产图册

示例：云栖湾 · 三期在售房源 · 户型切换

帮我做一份楼盘在售房源页，发成一个网页链接给看房客户：页头是楼盘名、一句写给这位客户的话、置业顾问、售楼处地址、交付时间，三个大数字卖点（离地铁多少米、离公园多少米、得房率），旁边一张楼盘区位插画；接着是最重要的户型一节：三个户型做成标签切换，每个户型一张同一比例尺的平面图，房间是可以点的色块，点了高亮并显示这间的面积和一句说明，切换户型时有过渡动画，电脑上平面图放大在左、右边列建面、套内、得房率、面宽、在售楼栋和参考总价；然后一个月供计算器（总价、首付比例、年利率、年限，按等额本息算出月供、首付、贷款额和总利息，可以一键带入各户型参考价）；再画一张周边配套示意图（以楼盘为圆心画距离圈，标出地铁、学校、商场、公园、医院，旁边列出距离和步行时间）；然后一张在售楼栋表（楼栋、户型、楼层、在售套数、单价区间、总价区间）；最后一张预约看房表单（户型、日期时段、称呼、手机号），提交后存到数据表，页面上显示一张预约确认。配色清爽，标题用宋体，少用底色块、用细线分隔；手机上户型图占满宽、参数放在图下面，表格改成一行一套。价格变了就更新同一个链接。

参考模板：先读 https://space.24haowan.com/examples/sample-property-listing/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-property-listing 当底稿（list_examples key=sample-property-listing），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-property-listing ，把返回的预览链接和认领链接给我（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-property-listing/agent.md 做一份我自己的「云栖湾 · 三期在售房源」，发成活页，先给我看预览。

我的要求：帮我做一份楼盘在售房源页，发成一个网页链接给看房客户：页头是楼盘名、一句写给这位客户的话、置业顾问、售楼处地址、交付时间，三个大数字卖点（离地铁多少米、离公园多少米、得房率），旁边一张楼盘区位插画；接着是最重要的户型一节：三个户型做成标签切换，每个户型一张同一比例尺的平面图，房间是可以点的色块，点了高亮并显示这间的面积和一句说明，切换户型时有过渡动画，电脑上平面图放大在左、右边列建面、套内、得房率、面宽、在售楼栋和参考总价；然后一个月供计算器（总价、首付比例、年利率、年限，按等额本息算出月供、首付、贷款额和总利息，可以一键带入各户型参考价）；再画一张周边配套示意图（以楼盘为圆心画距离圈，标出地铁、学校、商场、公园、医院，旁边列出距离和步行时间）；然后一张在售楼栋表（楼栋、户型、楼层、在售套数、单价区间、总价区间）；最后一张预约看房表单（户型、日期时段、称呼、手机号），提交后存到数据表，页面上显示一张预约确认。配色清爽，标题用宋体，少用底色块、用细线分隔；手机上户型图占满宽、参数放在图下面，表格改成一行一套。价格变了就更新同一个链接。

分享海报

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

下载海报

这份模板

卖房、租房、卖装修套餐这类「一个项目里有几种户型 / 几种房型」要发给客户看的：楼盘在售房源、公寓出租、民宿房型、样板间介绍。记忆点是可以点的户型平面图，再配月供计算器、周边配套和在售价格表，文末预约看房。只卖一类实物商品、按款式列图和起订量选 sample-product-catalog；给一个客户出合作方案和报价选 sample-client-proposal；只介绍一个场所怎么走、开放时间选 sample-visitor-guide。

页面结构：楼盘概况 · 户型 · 算算月供 · 周边配套 · 在售楼栋 · 预约看房

页内预约看房回写数据表（原生表单 POST ./_data/visits），发布者用 list_data_rows 读回
同一链接更新不变（每周调价、卖掉的楼栋在这一页改）
阅读回执（客户在哪个户型、月供那一节停得久）
微信卡片（share.title / share.desc）

发之前要备好：数据表 visits（列 name / phone / layout / date，append_open=true）：文末预约看房写进这里，发之前先用 set_data 建好；页面不读回这张表（里面有客户手机号），用 list_data_rows 看谁约了哪天；联系方式类数据表建议设 members_only=true 或口令可看：页面读回会把已过审的行返回给每位读者（官方示例成品就是 members_only，访客的提交不会入表）

看模板源码 ›

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

楼盘房源模板

同类案例