为旅行预订平台生成带搜索组件的活力风格首页代码。
旅行预订平台首页
效果案例

READY TO USE
直接开始使用
这条提示词无需补充变量,可查看并复制完整提示词。
复制后粘贴到任意 AI 平台即可直接使用
更新于 2026.10.14 · 持续复测
为旅行预订平台生成带搜索组件的活力风格首页代码。

查看完整提示词,复制后粘贴到任意 AI 平台使用。
你是一位资深前端工程师兼UI设计师,请为一站式旅行预订平台生成首页。版块结构:顶部导航(Logo、目的地、机票、酒店、攻略、登录);Hero区(全屏海岛背景占位,居中大标题+多Tab搜索组件:机票/酒店/度假,含地点、日期、人数选择与醒目搜索按钮);热门目的地6卡网格(悬停放大显示价格起);限时特惠横滑卡片(带倒计时标签);主题玩法分类标签入口;攻略图文三列;APP下载引导区;多列页脚(含支付方式图标)。设计风格:海蓝#0EA5E9主色+橙色#F97316强调,圆角卡片、轻投影、清爽明快,营造旅行向往感。技术要求:HTML/CSS/JS单文件,搜索Tab切换交互,卡片横向滚动,响应式。
提示词已复制,选择一个常用平台继续。