旅行社線路介紹模板

旅遊行程

示例：大理 · 洱海 5 日慢遊 · 山野假期 · 線路海報

幫我們旅行社把一條成團線路做成一個發給客戶的網頁連結：首屏是一張會動的線路海報，用 SVG 分層畫出目的地的山、雲、地標和湖，手機上隨滾動、電腦上隨滑鼠輕輕視差，海報上寫線路名、一句賣點、團期和「每人多少錢起」，底部兩個按鈕「選團期」「看行程」，再放一個當地現在氣溫的小標籤；往下第一節「出發前看天氣」，用目的地真實的 7 天天氣預報（先內聯一份今天抓的快照，指令碼在時再取即時、3 秒超時，寫明資料來源和更新時間），按早晚溫差和降雨寫一句怎麼穿，選中的團期在天氣裡標出在路上的那幾天；然後一張線路小地圖和每天一張可以左右滑的行程卡（路線、交通、住宿、餐、一句亮點，配一張 SVG 小插畫），滑到哪天地圖上亮哪一站；接著費用包含 / 不含兩列和退改規則；再是一個月的團期日曆，出發日標餘位，點一下看還剩幾位（用小圓點畫）和價格，餘位放在一張我能隨時改的資料表裡；最後一張預訂諮詢表單（稱呼、手機號、團期、成人、兒童，即時算預計團費），存進一張資料表，提交後出一張「顧問會在 30 分鐘內聯絡你」的諮詢單。手機豎屏為主，電腦上左邊釘住海報、右邊是行程；減少動態時動效停住，指令碼不跑時也能看全並提交。餘位和天氣有變就更新同一個連結。

參考模板：先讀 https://space.24haowan.com/examples/sample-travel-line/agent.md ，照它的結構和版式做，內容全部換成我的；做成一個單檔案 HTML（樣式寫在頁面裡、不引用外部檔案，手機上好看），並提供 .html 檔案下載。
· 你有活頁工具（MCP）：用樣例 sample-travel-line 當底稿（list_examples key=sample-travel-line），發成活頁，先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-travel-line ，把返回的預覽連結和認領連結給我（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-travel-line/agent.md 做一份我自己的「大理 · 洱海 5 日慢遊 · 山野假期」，發成活頁，先給我看預覽。

我的要求：幫我們旅行社把一條成團線路做成一個發給客戶的網頁連結：首屏是一張會動的線路海報，用 SVG 分層畫出目的地的山、雲、地標和湖，手機上隨滾動、電腦上隨滑鼠輕輕視差，海報上寫線路名、一句賣點、團期和「每人多少錢起」，底部兩個按鈕「選團期」「看行程」，再放一個當地現在氣溫的小標籤；往下第一節「出發前看天氣」，用目的地真實的 7 天天氣預報（先內聯一份今天抓的快照，指令碼在時再取即時、3 秒超時，寫明資料來源和更新時間），按早晚溫差和降雨寫一句怎麼穿，選中的團期在天氣裡標出在路上的那幾天；然後一張線路小地圖和每天一張可以左右滑的行程卡（路線、交通、住宿、餐、一句亮點，配一張 SVG 小插畫），滑到哪天地圖上亮哪一站；接著費用包含 / 不含兩列和退改規則；再是一個月的團期日曆，出發日標餘位，點一下看還剩幾位（用小圓點畫）和價格，餘位放在一張我能隨時改的資料表裡；最後一張預訂諮詢表單（稱呼、手機號、團期、成人、兒童，即時算預計團費），存進一張資料表，提交後出一張「顧問會在 30 分鐘內聯絡你」的諮詢單。手機豎屏為主，電腦上左邊釘住海報、右邊是行程；減少動態時動效停住，指令碼不跑時也能看全並提交。餘位和天氣有變就更新同一個連結。

分享海報

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

下載海報

這份模板

旅行社、民宿、戶外俱樂部把一條成團線路發給客戶或社群：首屏一張會動的線路海報，接著目的地真實天氣、每天的行程卡、費用包含不含、團期餘位，最後收預訂諮詢，選它。給自己家人排的多城行程選 sample-weekend-trip；自駕路書選 sample-road-trip；按場次收報名、不涉及價格選 sample-event-signup。

頁面結構：線路海報 · 出發前看天氣 · 五天怎麼走 · 費用包含什麼 · 選一個團期 · 預訂諮詢

首屏線路海報：內聯 SVG 蒼山、玉帶雲、三塔、洱海分層視差（手機隨滾動、電腦隨滑鼠），往下讀太陽慢慢落下
目的地 7 天天氣兩層載入：內聯 Open-Meteo 快照先畫，指令碼在時取即時預報替換；選中的團期在天氣裡標出「在路上的那幾天」，並按溫差、降雨給穿衣提醒
D1–D5 橫滑行程卡（scroll-snap），和線路圖上的站點聯動；選了團期，每張卡自動標上日期
團期日曆讀資料表 departures（發布者用 set_data 改餘位，不用重發頁面），點日期看餘位小圓點和價格
預訂諮詢寫回資料表 bookings（原生表單 POST ./_data/bookings），提交後就地出一張可截圖的諮詢單；頁面從不讀回 bookings（裡面有手機號）
同一連結持續更新（餘位、天氣快照、團期）；微信卡片（share.title / share.desc）

發之前要備好：資料表 bookings（列 name / phone / date / adults / kids，append_open=true）：預訂諮詢寫進這裡，顧問用 list_data_rows 讀回回電；裡面有完整手機號，頁面不讀回它，別在頁面上加讀回；資料表 departures（列 date / seats / price，append_open=false）：團期餘位與價格，發布者用 set_data 整表替換，頁面讀它畫日曆；不建時用頁裡內聯的回落值；頁面會連 api.open-meteo.com 取天氣（免費、無需 key），頁裡同時內聯一份快照，連不上也能顯示；聯絡方式類資料表建議設 members_only=true 或口令可看：頁面讀回會把已過審的行返回給每位讀者（官方示例成品就是 members_only，訪客的提交不會入表）

看模板原始碼 ›

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

改進記錄

2026-10-31 · 重新整理資料大理 · 洱海 5 日慢游 · 山野假期 — 更新 Open-Meteo 天气快照、静态兜底提示与手机电脑截图。

更新日誌 ›

旅行社線路介紹模板

同類案例