docs: 整合用户指南文档结构

- 合并 01-04 章节文件到 README.md
- 调整截图引用:补充登录弹窗截图,移除无对应截图的引用
- 更新截图素材清单,标注待补充章节
- 同步更新 HTML 演示页面
This commit is contained in:
2026-04-20 01:05:28 +08:00
parent 4ddd2dc487
commit 7465ed7eb3
6 changed files with 326 additions and 325 deletions
+80 -19
View File
@@ -172,6 +172,7 @@
<li><a href="#auth">02 - 实名认证</a></li>
<li><a href="#booth">03 - 申摊流程</a></li>
<li><a href="#reservation">04 - 预约详情</a></li>
<li><a href="#screenshots">05 - 截图素材清单</a></li>
</ul>
</nav>
@@ -203,8 +204,11 @@
<p>通过微信搜索"阿尼坊"或扫描二维码进入小程序。</p>
<h3>2. 触发登录</h3>
<p>当使用需要登录的功能时,系统弹出登录提示。</p>
<p>当使用需要登录的功能时(如申摊),系统弹出登录提示。</p>
<img src="screenshots/1_市集界面_右上角申摊.png" alt="市集界面申摊入口" class="actual-img">
<p>点击「申摊」按钮,若未登录将弹出登录提示。</p>
<img src="screenshots/2_前往登录弹窗.jpg" alt="登录提示弹窗" class="actual-img">
<p>点击「去登录」按钮进入登录流程。
<h3>3. 填写个人信息</h3>
<p>登录表单包含头像选择、昵称填写和用户协议勾选。</p>
@@ -237,11 +241,11 @@
<h3>必填内容</h3>
<table>
<thead>
<tr><th>字段</th><th>说明</th><th>示例</th></tr>
<tr><th>字段</th><th>说明</th><th>要求</th></tr>
</thead>
<tbody>
<tr><td>真实姓名</td><td>与身份证一致</td><td>张三</td></tr>
<tr><td>身份证号码</td><td>18位身份证号</td><td>123456789012345678</td></tr>
<tr><td>真实姓名</td><td>与身份证一致</td><td>2-20个汉字</td></tr>
<tr><td>身份证号码</td><td>18位身份证号</td><td>正确格式验证</td></tr>
</tbody>
</table>
@@ -272,11 +276,6 @@
<h2>申请入口</h2>
<p>进入「市集」页面,点击右上角「申摊」按钮。</p>
<img src="screenshots/1_市集界面_右上角申摊.png" alt="申摊入口" class="actual-img">
<h2>未登录提示</h2>
<p>未登录用户点击「申摊」会弹出登录提示:</p>
<img src="screenshots/2_前往登录弹窗.jpg" alt="登录提示" class="actual-img">
<h2>填写申请信息</h2>
<table>
@@ -324,26 +323,88 @@
<h2>入口位置</h2>
<p>进入「我的」页面,点击「预约详情」入口。</p>
<img src="screenshots/5_我的界面_前往实名认证.png" alt="预约详情入口" class="actual-img">
<h2>摊位申请状态操作</h2>
<h2>页面结构</h2>
<p>页面分为两个栏目:</p>
<ul>
<li><strong>摊位栏目</strong> - 摊位申请记录</li>
<li><strong>设施栏目</strong> - 设施预约记录</li>
</ul>
<h2>摊位申请状态</h2>
<table>
<thead>
<tr><th>状态</th><th>显示内容</th><th>操作按钮</th></tr>
<tr><th>状态</th><th>显示内容</th><th>操作</th></tr>
</thead>
<tbody>
<tr><td>缴费</td><td>场次、订单号、金额、截止时间</td><td>「支付」「取消」</td></tr>
<tr><td>公布</td><td>场次、订单号、退款提示</td><td>申请退款」</td></tr>
<tr><td>成功</td><td>摊位号 (如: <code>2.1 A区13</code>)、订单号</td><td></td></tr>
<tr><td>抽签</td><td>场次信息、备注</td><td></td></tr>
<tr><td>缴费</td><td>场次信息、订单号、金额、截止时间</td><td>支付」「取消」按钮</td></tr>
<tr><td>未中签</td><td>场次信息</td><td></td></tr>
<tr><td>审核驳回</td><td>场次信息、驳回原因</td><td></td></tr>
<tr><td>待公布</td><td>场次信息、订单号、备注、退款提示</td><td>「申请退款」按钮</td></tr>
<tr><td>成功</td><td>场次信息、摊位号、订单号、备注</td><td></td></tr>
<tr><td>已失效</td><td>场次信息、订单号、备注</td><td></td></tr>
</tbody>
</table>
<div class="alert info">
<strong>💡 成功状态</strong>
<p>摊位申请成功后,系统公布摊位号格式<code>2.1 A区13</code>,可在预约详情页面查看。</p>
<strong>💡 摊位号格式</strong>
<p>公布后的摊位号格式<code>月.日 + 区域 + 编号</code>,示例<code>2.1 A区13</code></p>
</div>
<h2>支付与退款操作</h2>
<p>点击「支付」进入微信支付,需在截止时间前完成,超时自动取消订单。符合条件可点击「申请退款」。</p>
<h2>设施预约状态</h2>
<table>
<thead>
<tr><th>状态</th><th>显示内容</th><th>操作</th></tr>
</thead>
<tbody>
<tr><td>待缴费</td><td>设施名称、时间段、时长、金额、截止时间</td><td>「支付」「取消」按钮</td></tr>
<tr><td>成功</td><td>设施名称、时间段、订单号、退款提示</td><td>「申请退款」按钮</td></tr>
<tr><td>已失效</td><td>设施名称、时间段、订单号</td><td></td></tr>
<tr><td>已退款</td><td>设施名称、时间段、订单号</td><td></td></tr>
</tbody>
</table>
<h2>支付操作</h2>
<h3>待缴费状态</h3>
<p>点击「支付」按钮进入微信支付流程,请在截止时间前完成支付,超时将自动取消订单。</p>
<h3>退款申请</h3>
<p>符合退款条件时点击「申请退款」按钮,系统处理退款请求,退款成功后状态变更为「已退款」。</p>
<div class="alert warning">
<strong>⚠️ 重要提示</strong>
<p>支付时限:请在截止时间前完成支付,超时订单自动取消。</p>
<p>退款截止时间:各场次有退款截止时间,请留意提示。</p>
</div>
</section>
<!-- 05 截图素材清单 -->
<section id="screenshots" class="section">
<h1>截图素材清单</h1>
<p>以下是本指南中使用的截图素材列表。</p>
<h2>已有截图</h2>
<table>
<thead>
<tr><th>文件名</th><th>截图内容说明</th><th>对应章节</th></tr>
</thead>
<tbody>
<tr><td><code>1_市集界面_右上角申摊.png</code></td><td>市集页面整体界面,右上角申摊按钮位置</td><td>01-登录流程</td></tr>
<tr><td><code>2_前往登录弹窗.jpg</code></td><td>未登录时点击申摊弹出的登录提示弹窗</td><td>01-登录流程</td></tr>
<tr><td><code>3_填写昵称_头像信息.png</code></td><td>登录表单界面,填写头像、昵称,勾选用户协议</td><td>01-登录流程</td></tr>
<tr><td><code>4_登录后授权手机号弹窗.png</code></td><td>手机号授权弹窗,申请获取微信绑定号码</td><td>01-登录流程</td></tr>
<tr><td><code>5_我的界面_前往实名认证.png</code></td><td>登录后「我的」页面,实名认证入口按钮</td><td>02-实名认证</td></tr>
<tr><td><code>6_填写实名认证信息.png</code></td><td>实名认证表单,填写姓名和身份证号码</td><td>02-实名认证</td></tr>
</tbody>
</table>
<p>截图存放于 <code>screenshots/</code> 目录。</p>
<h2>待补充截图</h2>
<p>以下章节目前缺少对应截图,待后续补充:</p>
<ul>
<li>03-申摊流程</li>
<li>04-预约详情</li>
</ul>
</section>
</main>