三八节专属鲜花配送！为她们送上最真挚的祝福礼物灵感站，一键解锁完美礼物--Power by 华为云码道

复制下方指令，前往华为云码道（CodeArts）代码智能体 体验。模型生成有随机性，期待你做出的不同效果

一、项目主题

主题名称：予她一束温柔，不负三月春光
定位：三八节轻量化鲜花预约下单页，面向妈妈 / 女神两类人群。

二、核心功能

1、鲜花选择

• 分三类花束：母亲节限定（康乃馨）、女神款（玫瑰）、春日混搭
• 每束展示：图片、名称、花语、价格、选择按钮
• 点击选择后，自动带入花束信息进入下单页

2、收货信息填写（表单）

• 必选：收件人姓名、手机号、详细地址
• 可选：配送时间、祝福语
• 前端校验：手机号格式、必填项不能为空

3、订单流程

• 选花 → 填写信息 → 提交订单 → 成功提示页
• 无真实支付 / 后端，仅前端完成完整流程

4、页面反馈

• 提交成功：显示成功文案与返回按钮
• 错误提示：信息不完整 / 手机号错误时弹窗提醒

三、页面结构（共 4 模块，单页切换）

1. 首页 Banner（主题 + 立即选花按钮）
2. 花束列表页（分类标签 + 卡片展示）
3. 收货信息表单页
4. 订单提交成功页

四、视觉风格

• 主色：粉色 + 浅绿 + 白色
• 风格：温馨、简洁、女神节氛围
• 响应式：支持手机、电脑浏览

页面效果展示，用户选择花束填写信息后，自动下单礼物。