vibe-coding-cn/askyi/prototype-h5/_project.md

---

project: prototype-h5 parent: askyi type: prototype kanban_id: f435fea5-30f5-449d-8e8f-2d493e9af1 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)

功能模块

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

使用方式

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 设计。