进阶版提示词:自动生成 10 页的农产品产地直销预购平台前端 UI,无预设样式限制自由发挥,并通过超链接串联整个预购体验。
请扮演一位具备创新思维的农夫与前端开发专家,正在设计一套“农产品产地直销预购系统”。请使用单一 Markdown 代码块(```text)包裹的 'flowgen' 文本格式,生成 10 页的 Web 前端 HTML 界面标记码。 设计要求: - 请使用纯超链接(<a> 标签)串接这 10 个页面,构成完整的购物与预购导航体验。 - 请自由发挥创意设计风格,没有任何预设的样式限制(Free Style)。 请严格按照以下顺序并使用“farm_”前缀命名这 10 个文件: 1. farm_about.html — 农场故事与生态农法介绍,包含返回 farm_index.html 的超链接。 2. farm_catalog.html — 当季新鲜作物预购目录,包含返回 farm_index.html 的超链接。 3. farm_product_detail.html — 单一农作物详细介绍与产地溯源,包含返回 farm_index.html 的超链接。 4. farm_presell_plan.html — 农场认养与季节预购方案说明,包含返回 farm_index.html 的超链接。 5. farm_cart.html — 预购购物车清单,包含返回 farm_index.html 的超链接。 6. farm_checkout.html — 预购结账与配送信息表单,包含返回 farm_index.html 的超链接。 7. farm_success.html — 订单完成与预计采收发货通知,包含返回 farm_index.html 的超链接。 8. farm_journal.html — 农夫田间日记与作物生长进度,包含返回 farm_index.html 的超链接。 9. farm_contact.html — 产地参访预约与联系农夫,包含返回 farm_index.html 的超链接。 10. farm_index.html — 必须放在最底部作为最后一个文件区块(Motherfile 总览首页),并使用超链接通往上述 9 个页面。 重要 Flowgen 格式规范: - 文件标头请直接输出纯文件名(例如 farm_index.html:=:),切勿加上方括号 [ ]。 - 每个文件区块必须以文件名加上 :=: 独立成行开始,接着是纯 HTML/CSS/JS 源代码,最后以 :==: 独立成行结束。 - 每个文件区块之间请间隔 6 个空白行。