docs: 添加用户指南文档和演示素材

- 新增用户指南流程文档(登录、实名认证、申摊、预约详情)
- 新增 README 概述文档
- 新增演示 HTML 文件(v1 和 v2 版本)
- 新增截图和视频素材
This commit is contained in:
2026-04-20 00:01:22 +08:00
parent 2cc6d646e1
commit 449cf6316f
16 changed files with 1049 additions and 0 deletions
+53
View File
@@ -0,0 +1,53 @@
# 阿尼坊小程序用户指南
欢迎使用阿尼坊小程序!本指南将帮助您快速上手。
## 目录
1. [登录流程](01-登录流程.md) - 微信授权登录
2. [实名认证](02-实名认证.md) - 完成身份验证
3. [申摊流程](03-申摊流程.md) - 申请摊位参展
4. [预约详情](04-预约详情.md) - 查看申请状态
## 截图素材
### 现有截图清单
| 文件名 | 截图内容说明 | 对应文档 |
|--------|--------------|----------|
| `1_市集界面_右上角申摊.png` | 市集页面整体界面,右上角申摊按钮位置 | 03-申摊流程.md |
| `2_前往登录弹窗.jpg` | 未登录时点击申摊弹出的登录提示弹窗 | 01-登录流程.md、03-申摊流程.md |
| `3_填写昵称_头像信息.png` | 登录表单界面,填写头像、昵称,勾选用户协议 | 01-登录流程.md |
| `4_登录后授权手机号弹窗.png` | 手机号授权弹窗,申请获取微信绑定号码 | 01-登录流程.md |
| `5_我的界面_前往实名认证.png` | 登录后「我的」页面,实名认证入口按钮(同时可见预约详情入口) | 02-实名认证.md、04-预约详情.md |
| `6_填写实名认证信息.png` | 实名认证表单,填写姓名和身份证号码 | 02-实名认证.md |
### 截图命名规范
- 使用数字序号前缀(按流程顺序)
- 使用中文描述截图内容
- 使用下划线分隔各部分
- 文件格式:PNG 或 JPG
- 建议尺寸:宽度750px(适配移动端)
**命名格式:** `{序号}_{页面名称}_{关键元素}.png`
**示例:**
- `1_市集界面_右上角申摊.png` - 第1步,市集页面,申摊按钮
- `2_前往登录弹窗.jpg` - 第2步,登录提示弹窗
- `3_填写昵称_头像信息.png` - 第3步,登录表单内容
### 截图存放位置
截图文件存放于 `screenshots/` 目录,在文档中引用示例:
```markdown
![市集界面申摊入口](screenshots/1_市集界面_右上角申摊.png)
```
## 演示页面
可打开 [演示htlm_v1.html](演示htlm_v1.html) 在浏览器中查看完整指南。
---
阿尼坊团队