Appearance
商品详情
功能需求表
| 序号 | 功能需求 | 需求描述 | 功能说明 | 校验规则 | 交互说明与流程 | 涉及字段 | 错误提示 | 成功提示 |
|---|---|---|---|---|---|---|---|---|
| 1 | 基本信息展示 | 展示商品的基础信息、类目、品牌、图片和视频资源 | 字段定义： • 所属类目：文本显示，格式：一级类目 > 二级类目 • 商品名称：文本显示，支持超长文本自动换行 • 副标题：文本显示，支持超长文本自动换行 • 所属品牌：文本显示，展示品牌名称 • 商品主图：单张主图展示，支持点击放大预览 • 商品轮播图：缩略图列表展示，支持左右滑动查看，最多9张 • 商品视频：视频封面图展示，标注"商品视频："字样，支持点击播放 • 创建时间：格式YYYY-MM-DD • 最近更新时间：格式YYYY-MM-DD | - | 1.基本信息区块自动加载并展示 2.主图点击后弹出大图预览 3.轮播图支持左右切换查看 4.视频封面点击后弹出视频播放器 5.编辑模式下可修改各字段内容 | 所属类目、商品名称、副标题、所属品牌、商品主图、商品轮播图、商品视频、创建时间、最近更新时间 | - | - |
| 2 | 属性/价格 | 商品的属性和SKU价格库存信息 | SKU价格库存表格： • 商品的各种属性：商品的各种属性 • 供货价：数值显示，保留2位小数 • 库存：数值显示，整数 • 库存预警：数值显示，整数，低于此值显示预警 • 平台SKU：文本显示，唯一标识符 • 外部SKU：文本显示，外部系统SKU编号 • SKU图片：单个sku的商品图片 | - | 1.展示商品的属性和SKU价格库存信息 | 属性和SKU价格库存等信息 | - | - |
| 3 | 运费/其他 | 商品的物流 | • 运费：显示运费模板名称 • 不发货区域：显示不发货区域 没有不发货地图显示"-" | - | 1.显示当前运费模板信息 2.显示不发货区域列表 | 运费、不发货区域 | - | - |
| 4 | 商品详情 | 商品的详情 | 商品图片展示： • 图片List • 预览模式：支持图片点击放大 注意: 功能参考6 | - | 1.展示商品图片List | 商品详情 | - | - |
| 6 | 图片预览功能 | 支持商品主图和轮播图,商品详情图的放大预览 | 预览功能： • 商品主图：点击后弹出全屏预览弹窗 • 商品轮播图/商品详情图：点击后弹出全屏预览弹窗 • 支持左右切换查看多张图片 • 支持缩放查看细节 • 支持关闭预览 预览弹窗： • 显示当前图片索引（X/Y） • 支持左右箭头切换 • 支持鼠标滚轮缩放 | - | 1.点击商品主图或轮播图 2.弹出全屏预览弹窗 3.显示当前图片 4.支持左右切换查看其他图片 5.支持缩放操作 6.点击关闭按钮或按ESC键关闭预览 | 商品主图、商品轮播图、商品详情图 | - | - |
| 7 | 视频播放功能 | 支持商品视频的在线播放 | 播放功能： • 点击视频封面图弹出视频播放器 • 支持播放/暂停控制 • 支持进度条拖拽 • 支持音量调节 • 支持全屏播放 • 支持倍速播放 | - | 1.点击商品视频封面图 2.弹出视频播放弹窗 3.自动播放视频 4.使用播放器控制条控制播放 5.支持全屏播放 6.点击关闭按钮或按ESC键关闭播放器 | 商品视频 | - | - |