Architecture
模块化目录结构
目录树已经定义了公共组件、页面专用组件、工具函数和类型声明的层级关系， 适合多人协作和持续迭代。
Landing Page
AI Gateway 项目首页
这个首页文件用于展示 AI Gateway 的项目方向、模块规划和文档入口， 与现有的目录树说明保持一致，方便后续继续扩展页面和组件。
- 10 Planned Modules
- 3 Core Docs
- TS Type Safe
WeChat Mini Program
首页与业务页面分离
`pages/index/` 负责首页展示，`pages/logo/` 负责具体业务页面， 页面内部再细分组件、UI 和工具函数。
Documentation
文档入口集中
当前根目录保留了首页、样式、图片资源和 README，后续可以继续扩展更多说明文档。
Module Roadmap
功能模块规划
以下内容根据 `Need-document.txt` 整理，作为首页展示与后续开发的模块清单。
Landing Page
项目入口与品牌展示页，承载导航、功能介绍和文档入口。
User Center
用户资料、偏好设置、账号信息和个人操作记录管理。
Admin Dashboard
后台管理页面，用于查看系统状态、配置内容与运营数据。
Database
承接数据存储、模型设计、数据读取与管理流程。
Authentication
登录、鉴权、权限校验和安全访问控制能力。
Payment
支付流程、订单管理、支付状态通知与异常处理。
Storage
文件、图片和业务资源存储，支持后续上传与访问能力。
通知邮件、业务提醒和系统消息下发渠道。
Internationalization
多语言文案管理、区域化配置和语言切换能力。
Analytics
数据统计、行为分析、报表展示与运营决策支持。
Project Structure
目录结构重点
- components/：存放公共 UI 组件和公共工具函数。
- pages/logo/：承载 logo 页面专属组件与页面逻辑。
- pages/index/：承载首页逻辑、模板和样式。
- types/：集中维护全局类型声明。
- app.ts / app.json / app.wxss：应用入口和全局配置。
Documentation
当前文件说明
index.html
首页入口文件，负责展示项目概览、模块规划和文档链接。
styles.css
首页样式文件，定义页面布局、颜色、按钮、卡片和响应式规则。
images/
图片资源目录，目前放置首页使用的矢量插图，后续可继续扩展。
README.md
项目说明文档，整理当前根目录文件职责和后续使用方式。