活頁LivePage

同一個連結,手機、電腦、投屏都能開啟,自動適配。

旅行 AA 賬本模板

個人·家庭旅遊小工具

示例:關西五日 · 四個人的 AA 賬本 · AA 賬本

幫我給這次四個人的日本旅行做一個 AA 賬本,發成一個網頁連結放到群裡:頁頭是小隊名、行程日期和地點、誰記賬;最顯眼的是一共花了多少(日元按今天匯率折人民幣)、人均多少,旁邊一個醒目的「+ 記一筆」主按鈕(點了跳到表單),下面四個人每人一格寫墊付了多少、自己的份多少、應收還是應付;接著「怎麼還錢」:用最少的轉賬筆數算好誰轉給誰多少,畫成一張箭頭圖(四個人放四角,箭頭從要付錢的人指向要收錢的人,金額寫在箭頭上,有金幣沿箭頭流動),下面列出轉賬清單和一個「一鍵複製結算結果」按鈕,複製出來能直接貼進群;然後按天分組的賬單流水,每筆寫誰付的、類別、怎麼分,點開看每人攤多少;再是按天的柱狀圖(帶日均虛線)和按吃住行玩買的橫條;最後一張「記一筆」表單(誰付的、金額、日元或人民幣、花在哪、類別、分給誰可多選、日期),提交存進一張資料表,頁面讀回所有人記的賬重新結算。匯率用歐洲央行參考匯率(Frankfurter 免費介面)的真實資料,頁裡先放一份今天的快照,開啟時再拉即時的。電腦上左邊賬單流水、右邊結算圖,手機上一欄,圖兩端各畫一套。

參考模板:先讀 https://space.24haowan.com/examples/sample-split-bill/agent.md ,照它的結構和版式做,內容全部換成我的;做成一個單檔案 HTML(樣式寫在頁面裡、不引用外部檔案,手機上好看),並提供 .html 檔案下載。
· 你有活頁工具(MCP):用樣例 sample-split-bill 當底稿(list_examples key=sample-split-bill),發成活頁,先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-split-bill ,把返回的預覽連結和認領連結給我(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-split-bill/agent.md 做一份我自己的「關西五日 · 四個人的 AA 賬本」,發成活頁,先給我看預覽。

我的要求:幫我給這次四個人的日本旅行做一個 AA 賬本,發成一個網頁連結放到群裡:頁頭是小隊名、行程日期和地點、誰記賬;最顯眼的是一共花了多少(日元按今天匯率折人民幣)、人均多少,旁邊一個醒目的「+ 記一筆」主按鈕(點了跳到表單),下面四個人每人一格寫墊付了多少、自己的份多少、應收還是應付;接著「怎麼還錢」:用最少的轉賬筆數算好誰轉給誰多少,畫成一張箭頭圖(四個人放四角,箭頭從要付錢的人指向要收錢的人,金額寫在箭頭上,有金幣沿箭頭流動),下面列出轉賬清單和一個「一鍵複製結算結果」按鈕,複製出來能直接貼進群;然後按天分組的賬單流水,每筆寫誰付的、類別、怎麼分,點開看每人攤多少;再是按天的柱狀圖(帶日均虛線)和按吃住行玩買的橫條;最後一張「記一筆」表單(誰付的、金額、日元或人民幣、花在哪、類別、分給誰可多選、日期),提交存進一張資料表,頁面讀回所有人記的賬重新結算。匯率用歐洲央行參考匯率(Frankfurter 免費介面)的真實資料,頁裡先放一份今天的快照,開啟時再拉即時的。電腦上左邊賬單流水、右邊結算圖,手機上一欄,圖兩端各畫一套。
分享海報

微信里長按圖片儲存或轉發給朋友;掃碼就能開啟這個模板。

關西五日 · 四個人的 AA 賬本 的分享海報

下載海報

這份模板

幾個朋友出去旅行、合租室友、聚餐搭子要 AA:每人輪流墊錢,要一本大家都能往裡記賬的共享賬本,最後自動算出誰轉給誰多少、最少幾筆兩清,選它;花銷有外幣(日元)時自動按真實匯率折人民幣。團長收訂單、按商品彙總選 sample-group-buy;小店每天在用的經營小應用選 livepage-app;只是發行程攻略、不記賬選 sample-weekend-trip。

頁面結構:總賬 · 賬單流水 · 怎麼還錢 · 按天 · 按類別 · 記一筆

  • 「記一筆」原生表單寫回資料表(POST ./_data/expenses),頁面讀回與已有賬單合併,重算每人已付 / 應付
  • 最少轉賬結算:內聯 SVG 箭頭圖,金幣沿箭頭流動;一鍵複製結算結果發到群裡
  • 真實外部資料兩層載入:日元按歐洲央行參考匯率(經 Frankfurter)折人民幣,頁內快照先算、即時拉到就重算,標明來源與更新時間
  • 按天柱狀圖 + 按類別橫條,手機電腦各一套座標;每筆可展開看分攤明細
  • 同一連結一路記到結賬,微信卡片(share.title / share.desc)

發之前要備好:資料表 expenses(列 payer / amount / currency / item / cat / split / day,append_open=true):「記一筆」表單寫進這裡,頁面讀回與頁內已有賬單合併後重算;發布前先用 set_data 建好,結完賬把 append_open 關掉

看模板原始碼 ›

同類案例