---
project: prototype-h5
parent: askyi
type: prototype
kanban_id: f435fea5-30f5-449d-8e8f-2d493e9af168
tech_stack:
  - HTML
  - CSS
  - JavaScript
code_path: /Users/jamesw/dev_workspace/askyi/organization/prototype-h5
---

# prototype-h5

> 问易社区移动应用 UI 原型，静态 HTML 页面

## 用途

- UI 设计参考
- 交互原型验证
- 页面结构规划

## 目录结构

```
prototype-h5/
├── css/              # CSS 样式文件
│   ├── main.css      # 主要样式
│   └── ...           # 各页面专用样式
├── includes/         # 页面内容片段
│   ├── header.html   # 头部模板
│   ├── footer.html   # 尾部模板
│   └── ...
├── js/               # JavaScript 文件
│   ├── components.js # 组件加载函数
│   ├── templates.js  # HTML 模板函数
│   └── utils.js      # 工具函数
├── pages/            # 页面文件
│   ├── home.html     # 首页
│   ├── login.html    # 登录页面
│   └── ...
├── assets/           # 资源文件
├── examples/         # 示例和文档
└── index.html        # 入口页面
```

## 页面分类

### 核心基础页面

- 首页 (home.html)
- 登录 (login.html)
- 注册 (register.html)
- 个人资料 (profile.html)
- 设置 (settings.html)
- 文章详情 (article_detail.html)
- 大师主页 (master_profile.html)

### 功能模块

- **关注**: 订阅内容流
- **发现**: 推荐、易经八卦、风水指南等
- **案例**: 家居风水、办公风水、婚恋分析等
- **问答**: 热门、命理、风水、婚恋

## 使用方式

```bash
cd /Users/jamesw/dev_workspace/askyi/organization/prototype-h5

# 直接用浏览器打开
open index.html

# 或使用本地服务器
python -m http.server 8000
# 访问 http://localhost:8000
```

## 与 askyi-h5 的关系

prototype-h5 是设计阶段的参考，askyi-h5 是实际实现：

```
prototype-h5 (设计) → askyi-h5 (实现)
```

开发新功能时，可先在 prototype-h5 中验证 UI 设计。