房貸計算器模板

房產金融小工具

示例：房貸怎麼還更划算 · 計算器 · 計算器

幫我做一個房貸計算器，發成一個網頁連結給客戶：頁頭寫我的門店和名字、日期、客戶稱呼，以及房源、面積、總價；電腦上左邊一欄是輸入（總價、首付比例滑塊、貸款年限滑塊、商貸 / 公積金 / 組合貸三選一、組合貸裡公積金貸多少、兩個利率、等額本息 / 等額本金），利率寫成能改的輸入框並標「示例」、註明不是銀行現行利率；右邊先是一個很大的「每月還」讀數，下面一排首付、貸款、總利息、本息合計；接著一張兩種還法的雙摺線圖（每月還款額隨時間，點任意一個月看本金和利息各多少），旁邊一個利息佔比環形圖和兩種還法的對照表，加一句等額本金少付多少、首月多還多少；然後是提前還款模擬（第幾年末還多少萬、縮短年限還是減少月供，算出省多少利息）；最後一張「把這個方案發給顧問」表單（稱呼、手機號、按當前輸入自動填好的方案摘要），提交後存到資料表。改任何一項都立刻重算，公式用標準的等額本息、等額本金；手機上一欄排，輸入區頂上吸著月供，圖換一套適合窄屏的座標。

參考模板：先讀 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，訪客的提交不會入表）

看模板原始碼 ›

這份哪裡不合適？提改進建議模板工廠每天看一次，改好了寫進改進記錄

房貸計算器模板

同類案例