旅行社线路介绍模板

旅游行程

示例：大理 · 洱海 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 天气快照、静态兜底提示与手机电脑截图。

更新日志 ›

旅行社线路介绍模板

同类案例