爆料/挑剔详情页富文本支持点击查看大图

需求PRD

1. 需求背景

期望完善详情页的交互体验

2. 需求描述

• 富文本内的内容当无超链接时点击后可查看大图
• 点击图片后进行黑色背景渐变显示
• 大图为全屏展示，当图片宽度小于屏幕宽度则显示实际图片尺寸，居中显示。当图片宽度大于屏幕宽度则以屏幕宽度进行等比例拉伸，其余未填充部分由黑色背景填充

• 当图片未加载时显示加载百分比，动态效果
  

  

• 图片区域可进行交互：
  
  • 图片右下角显示「保存」按钮，点击后将图片保存到用户相册中
  • 当同一篇内容富文本区域图片大于1时，左下角显示具体图片数量X/Y，可左右滑动切换图片。
  • 当图片为第一张或最后一张时，右（左）滑动为图片弹动效果不换帧（不进行图片循环）
  • 点击图片任意位置关闭图片，图片关闭为黑色背景渐变效果
  • 大图预览支持gif图预览
  • 关闭图片后用户浏览位置不进行变化