旅行预订平台首页

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

旅行预订平台首页
AI PROMPT / PREVIEW动态效果预览
READY TO USE

直接开始使用

免费内容

这条提示词无需补充变量,可直接复制使用。

完整提示词已整理并复测
不会自动发送任何内容
HOW TO USE01

这样使用,效果更稳

STEP 01↗
准备输入

把变量替换为具体信息。越接近真实上下文,模型越容易给出可执行结果。

STEP 02✓
人工核验

数字、引用、代码和专业建议需要再次确认,不要把模型输出当作事实来源。

STEP 03+
继续追问

第一版不满意时,指出具体段落、目标和限制,比重新复制整条更有效。

FULL PROMPT02

完整提示词

可直接使用的提示词

原文

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

案例说明

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

适用信息

适配模型:通用编程模型

难度:进阶

标签:旅行、预订平台、搜索、Kimi精选、完整落地页

来源:AI妙词(已获授权转载),原条目 ID 1084。

REAL RESULT03

真实效果案例

通用编程模型已完成复测
输入

使用上方完整提示词生成页面,并根据项目素材替换对应资源。

输出节选

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

KEEP EXPLORING04

接着探索