旅行社线路介绍 template

Travel Trips & routes

Example: 大理 · 洱海 5 日慢游 · 山野假期 · 线路海报

帮我们旅行社把一条成团线路做成一个发给客户的网页链接：首屏是一张会动的线路海报，用 SVG 分层画出目的地的山、云、地标和湖，手机上随滚动、电脑上随鼠标轻轻视差，海报上写线路名、一句卖点、团期和「每人多少钱起」，底部两个按钮「选团期」「看行程」，再放一个当地现在气温的小标签；往下第一节「出发前看天气」，用目的地真实的 7 天天气预报（先内联一份今天抓的快照，脚本在时再取实时、3 秒超时，写明数据来源和更新时间），按早晚温差和降雨写一句怎么穿，选中的团期在天气里标出在路上的那几天；然后一张线路小地图和每天一张可以左右滑的行程卡（路线、交通、住宿、餐、一句亮点，配一张 SVG 小插画），滑到哪天地图上亮哪一站；接着费用包含 / 不含两列和退改规则；再是一个月的团期日历，出发日标余位，点一下看还剩几位（用小圆点画）和价格，余位放在一张我能随时改的数据表里；最后一张预订咨询表单（称呼、手机号、团期、成人、儿童，实时算预计团费），存进一张数据表，提交后出一张「顾问会在 30 分钟内联系你」的咨询单。手机竖屏为主，电脑上左边钉住海报、右边是行程；减少动态时动效停住，脚本不跑时也能看全并提交。余位和天气有变就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-travel-line/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-travel-line as the base (list_examples key=sample-travel-line), 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-travel-line 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-travel-line/agent.md as a reference to make my own "大理 · 洱海 5 日慢游 · 山野假期", publish it on LivePage and show me the preview first.

My requirements: 帮我们旅行社把一条成团线路做成一个发给客户的网页链接：首屏是一张会动的线路海报，用 SVG 分层画出目的地的山、云、地标和湖，手机上随滚动、电脑上随鼠标轻轻视差，海报上写线路名、一句卖点、团期和「每人多少钱起」，底部两个按钮「选团期」「看行程」，再放一个当地现在气温的小标签；往下第一节「出发前看天气」，用目的地真实的 7 天天气预报（先内联一份今天抓的快照，脚本在时再取实时、3 秒超时，写明数据来源和更新时间），按早晚温差和降雨写一句怎么穿，选中的团期在天气里标出在路上的那几天；然后一张线路小地图和每天一张可以左右滑的行程卡（路线、交通、住宿、餐、一句亮点，配一张 SVG 小插画），滑到哪天地图上亮哪一站；接着费用包含 / 不含两列和退改规则；再是一个月的团期日历，出发日标余位，点一下看还剩几位（用小圆点画）和价格，余位放在一张我能随时改的数据表里；最后一张预订咨询表单（称呼、手机号、团期、成人、儿童，实时算预计团费），存进一张数据表，提交后出一张「顾问会在 30 分钟内联系你」的咨询单。手机竖屏为主，电脑上左边钉住海报、右边是行程；减少动态时动效停住，脚本不跑时也能看全并提交。余位和天气有变就更新同一个链接。

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-weekend-trip；自驾路书选 sample-road-trip；按场次收报名、不涉及价格选 sample-event-signup。

Page structure：线路海报 · 出发前看天气 · 五天怎么走 · 费用包含什么 · 选一个团期 · 预订咨询

首屏线路海报：内联 SVG 苍山、玉带云、三塔、洱海分层视差（手机随滚动、电脑随鼠标），往下读太阳慢慢落下
目的地 7 天天气两层加载：内联 Open-Meteo 快照先画，脚本在时取实时预报替换；选中的团期在天气里标出「在路上的那几天」，并按温差、降雨给穿衣提醒
D1–D5 横滑行程卡（scroll-snap），和线路图上的站点联动；选了团期，每张卡自动标上日期
团期日历读数据表 departures（发布者用 set_data 改余位，不用重发页面），点日期看余位小圆点和价格
预订咨询写回数据表 bookings（原生表单 POST ./_data/bookings），提交后就地出一张可截图的咨询单；页面从不读回 bookings（里面有手机号）
同一链接持续更新（余位、天气快照、团期）；微信卡片（share.title / share.desc）

Prepare before publishing: 数据表 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，访客的提交不会入表）

View template source ›

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

Improvement history

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

Changelog ›

旅行社线路介绍 template

More like this