房贷计算器模板

房产金融小工具

示例：房贷怎么还更划算 · 计算器 · 计算器

帮我做一个房贷计算器，发成一个网页链接给客户：页头写我的门店和名字、日期、客户称呼，以及房源、面积、总价；电脑上左边一栏是输入（总价、首付比例滑块、贷款年限滑块、商贷 / 公积金 / 组合贷三选一、组合贷里公积金贷多少、两个利率、等额本息 / 等额本金），利率写成能改的输入框并标「示例」、注明不是银行现行利率；右边先是一个很大的「每月还」读数，下面一排首付、贷款、总利息、本息合计；接着一张两种还法的双折线图（每月还款额随时间，点任意一个月看本金和利息各多少），旁边一个利息占比环形图和两种还法的对照表，加一句等额本金少付多少、首月多还多少；然后是提前还款模拟（第几年末还多少万、缩短年限还是减少月供，算出省多少利息）；最后一张「把这个方案发给顾问」表单（称呼、手机号、按当前输入自动填好的方案摘要），提交后存到数据表。改任何一项都立刻重算，公式用标准的等额本息、等额本金；手机上一栏排，输入区顶上吸着月供，图换一套适合窄屏的坐标。

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

我的要求：帮我做一个房贷计算器，发成一个网页链接给客户：页头写我的门店和名字、日期、客户称呼，以及房源、面积、总价；电脑上左边一栏是输入（总价、首付比例滑块、贷款年限滑块、商贷 / 公积金 / 组合贷三选一、组合贷里公积金贷多少、两个利率、等额本息 / 等额本金），利率写成能改的输入框并标「示例」、注明不是银行现行利率；右边先是一个很大的「每月还」读数，下面一排首付、贷款、总利息、本息合计；接着一张两种还法的双折线图（每月还款额随时间，点任意一个月看本金和利息各多少），旁边一个利息占比环形图和两种还法的对照表，加一句等额本金少付多少、首月多还多少；然后是提前还款模拟（第几年末还多少万、缩短年限还是减少月供，算出省多少利息）；最后一张「把这个方案发给顾问」表单（称呼、手机号、按当前输入自动填好的方案摘要），提交后存到数据表。改任何一项都立刻重算，公式用标准的等额本息、等额本金；手机上一栏排，输入区顶上吸着月供，图换一套适合窄屏的坐标。

分享海报

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

下载海报

这份模板

要发一个读者自己动手算的小工具：房贷、车贷、分期、装修预算这类「改几个数、立刻看结果」，并且希望读者把算好的结果发回给你，选它。只是把几档价格摆出来让人选，选 sample-quote-sheet 或 sample-client-proposal；介绍一套房源本身（户型、照片、配套），选 sample-property-listing；要的是数据表驱动的店务台，选 livepage-app。

页面结构：房子和贷款 · 每月还多少 · 两种还法对比 · 提前还款 · 发给顾问

页面里现算：改输入，月供大读数、双折线对比图、利息占比环形图、提前还款模拟同一帧重算；不跑脚本时显示按默认输入算好的那一份
调好的方案经原生表单写进数据表 plans（name / phone / summary），只读回读者自己发过的行
同一链接一直可用：换房源、换默认值就更新同一个页面

发之前要备好：数据表 plans（列 name / phone / summary，append_open=true）：文末「把这个方案发给顾问」表单写进这里，发布前先用 set_data 建好；页面只读回读者自己发过的行；联系方式类数据表建议设 members_only=true 或口令可看：页面读回会把已过审的行返回给每位读者（官方示例成品就是 members_only，访客的提交不会入表）

看模板源码 ›

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

房贷计算器模板

同类案例