草稿全景预览
草稿箱全景预览页:全屏球面展示一张已合成的全景图,可拖动查看 360°、双指缩放,并可保存到相册或直接发布到社区。
1. 页面信息
- 网页地址:https://9kvr.cn/capture/records/preview
- 所属模块:全景拍摄
- 页面用途:从草稿箱点击某条拍摄记录进入本页(链接里带图片地址)。页面是全屏沉浸式预览,大图加载期间显示「全景图打包中 / 大图正在努力加载 ~」的加载层,加载完成后淡出。底部一行轻提示「拖动屏幕查看 360° 全景 · 双指可缩放」。在 App 内还会出现两个操作按钮:「下载到本地」与「发布到社区」。
- 适用用户:在拍摄系统里预览草稿全景作品的登录用户
- 访问条件:公开访问(凭链接带图片地址进入)
2. 功能说明
- 全屏球面预览,可拖动查看 360° 全景
- 双指缩放,视野范围在 30 到 110 之间调节
- 加载层文案「全景图打包中」与提示「大图正在努力加载 ~」,全景就绪后自动淡出
- 底部操作提示「拖动屏幕查看 360° 全景 · 双指可缩放」
- 「下载到本地」按钮:保存过程中显示「保存中…」,完成后提示「全景图已保存到相册」
- 保存过程有进度卡片「正在保存到相册 / 请稍候,保存完成后即可在相册中查看」与百分比
- 「发布到社区」按钮:把当前全景图带入发布页
- 保存失败时弹出「下载失败」提示框,并提供「复制到剪贴板」按钮
- 图片地址非法时展示错误态「缺少全景图地址」
- 本页不发起任何发布请求,是纯客户端预览
3. 业务说明
界面结构
| 控件 / 入口 | 类型 | 取值来源 | 限制 / 说明 |
|---|---|---|---|
| 全景图画面 | 球面视图 | 链接携带的完整图片地址 | 必须是完整的 http/https 地址;非法时进入错误态 |
| 全景图打包中 / 大图正在努力加载 ~ | 加载层 | 固定文案 | 全景就绪后自动淡出 |
| 拖动屏幕查看 360° 全景 · 双指可缩放 | 操作提示 | 固定文案 | 纯文字提示,不遮挡操作 |
| 下载到本地 / 保存中… | 操作按钮 | 当前全景图 | 仅在 App 内预览时出现;保存中禁用 |
| 正在保存到相册 | 进度卡片 | 保存进度 | 展示进度条与百分比,完成后提示已保存到相册 |
| 发布到社区 | 操作按钮 | 当前全景图 | 仅在 App 内预览时出现;保存中禁用 |
| 下载失败 + 复制到剪贴板 | 错误弹窗 | 保存失败原因 | 提供降级方案:复制图片地址到浏览器下载 |
| 缺少全景图地址 | 错误态 | 参数校验结果 | 没有按钮,由系统返回手势或上级路由处理 |
保存到相册的降级方案
保存失败时会先尝试把图片地址复制到剪贴板:复制成功提示「这张全景图暂时没有保存成功。图片地址已经复制到剪贴板,请粘贴到浏览器中打开并下载。」;复制也失败则提示「这张全景图暂时没有保存成功,图片地址复制失败,请稍后重试。」弹窗里点「复制到剪贴板」可手动再复制一次。
与发布页的关系
「发布到社区」会把当前预览的全景图带入发布页继续填写作品信息与提交;本页自身不发起任何发布请求,只是纯客户端预览。
4. 使用说明
- 从草稿箱点击一条拍摄记录进入预览页
- 等待大图加载完成,加载层自动淡出
- 拖动查看 360° 全景,双指缩放查看细节
- 需要存到手机时点「下载到本地」,等待保存完成提示
- 保存失败时按提示点「复制到剪贴板」,粘贴到浏览器中打开并下载
- 需要发布时点「发布到社区」,进入发布页继续填写并提交
5. 规则与限制
- 图片地址必须是完整的 http/https 地址,否则进入错误态
- 图片地址缺失时展示「缺少全景图地址」,页面不提供任何按钮
- 保存进行中时两个操作按钮都不可点击
- 本页不发起发布请求,只做预览
- 「下载到本地」与「发布到社区」按钮只在 App 内预览时出现
6. 状态与异常
- 加载中:显示「全景图打包中」与「大图正在努力加载 ~」
- 已就绪:全景可交互,底部提示可见
- 保存中:进度卡片显示百分比,按钮显示「保存中…」
- 保存完成:提示「全景图已保存到相册」
- 保存失败:弹出「下载失败」提示框
- 地址非法或缺失:展示「缺少全景图地址」错误态
- 保存失败且复制成功:提示图片地址已复制到剪贴板
- 保存失败且复制失败:提示「图片地址复制失败,请稍后重试」
7. 相关文档
目录导航
同目录文档(3)
相关主题
8. 文档信息
- 事实来源:芊云全景官网页面核验
- 文档构建时间:2026-10-21 00:05:20
- 数据获取/快照时间:不适用(静态产品知识)
- 可信状态:已核验