房贷计算器 template

Real estate Finance Tools & mini apps

Example: 房贷怎么还更划算 · 计算器 · 计算器

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

Reference template: first read https://space.24haowan.com/examples/sample-mortgage-calc/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-mortgage-calc as the base (list_examples key=sample-mortgage-calc), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-mortgage-calc and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page

Publish as a link that opens in WeChat

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-mortgage-calc/agent.md as a reference to make my own "房贷怎么还更划算 · 计算器", publish it on LivePage and show me the preview first.

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

Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Download poster

About this template

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

Page structure：房子和贷款 · 每月还多少 · 两种还法对比 · 提前还款 · 发给顾问

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

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

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

房贷计算器 template

More like this