1. 项目概述
本项目是一个响应式多页面产品展示网站,采用现代化的设计语言,具有统一的视觉风格和交互体验。网站分为 5 个独立页面,覆盖首页、平台能力、解决方案、开发者资源和定价五大核心板块。
交互功能(index.js):
- Tab 切换:点击用例 Tab 按钮切换对应内容面板
- 注册模态框:表单验证(姓名 / 邮箱格式 / 密码至少 8 位)+ 成功状态
- 登录模态框:表单验证 + 成功状态
4.1 首页(index.html)
版块结构:
版块 类名 说明
导航栏 .site-nav Logo + 左侧菜单 + 右侧操作
Hero .hero 主标题 + 副标题 + CTA 按钮 + 视觉图
工作流程 .how-it-works 三步卡片(代码 → 全栈 → 上线)
功能区块 .feature 工作流 / 平台 / 扩展,图文双列布局
用户评价 .testimonial 深色背景居中引言
使用场景 .use-cases 5 个 Tab 切换(AI/营销/SaaS/电商/内部工具),含代码示例
统计数据 .stats 10M+ 开发者 / 60M+ 应用 / 99.99% 可用性
开始方式 .start-ways 4 种入门方式卡片
平台页(platform.html)