需求描述

功能描述

1.查看抗疫产品列表

2.快速浏览产品

3.将抗疫产品加入购物车

4.进入产品详情页面

界面

界面元素-产品列表


名称 用途 显示 交互
产品列表
展示抗疫系列产品

每行按四个产品内容排列

内容包含:产品图片+产品名称+价格

产品无库存时,不显示价格

1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段

2.点击产品图片,进入产品详情页面

快速浏览 进入快速浏览页面 字段:快速浏览 1.点击快速浏览,进入指定页面

界面元素-快速浏览


名称 用途 显示 交互
产品信息
展示产品信息

产品名称,例:都市汉方-至尊虫草300粒

产品价格,例:HK$1200.00

库存单位:LM00001
产品图片多张

1.点击,圆点底色变量并更换产品图片
数量 填写购买数量

输入框,默认为1

产品无库存时,不显示

1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1

2.输入购买数量

新增到购物车中 将产品加入购物车

【新增到购物车中】按钮

产品有库存时,显示

1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
无库存 告知用户无库存

字段:无库存,灰色底框

产品无库存时,显示

浏览更多详细资料 查看指定产品详细资料 字段:浏览更多详细资料 1.点击字段,进入产品详情页面

界面元素-购物车


名称 用途 显示 交互

关闭购物车插件 图标:

1.悬停出现字段:关闭购物车插件

2.点击图标,关闭购物车插件

浏览购物车 进入购物车页面 【浏览购物车】按钮 1.点击按钮,进入购物车页面
购物车产品列表 展示购物车内的产品 纵向排列,展示产品名称,价格,数量(至少为1),小计金额

1.鼠标悬停至产品,出现按钮,点击删除产品

2.点击+/-,更改产品数量,小计金额更改









验收标准
历史记录  
  1. 2021-04-09 12:06:35, 由 kyxia 创建。
  2. 2021-04-10 15:19:21, 由 kyxia 变更。
    修改了 指派给,旧值为 "cfli",新值为 ""。
    修改了 版本号,旧值为 "1",新值为 "2"。
    修改了 描述 ,区别为:
    001-
    001+ 功能描述
    002+ 1.查看抗疫产品列表
    003+ 2.快速浏览
    004+ 3.将抗疫产品加入购物车
    005+ 4.进入产品详情页面
    006+ 界面
    007+
    008+ 界面元素-产品列表
    009+
    010+ 名称
    011+ 用途
    012+ 显示
    013+ 交互
    014+ 产品列表
    015+ 展示指定系列产品
    016+
    017+ 每行按四个产品内容排列
    018+ 内容包含:产品图片+产品名称+价格
    019+
    020+
    021+ 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    022+ 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    023+
    024+ 快速浏览
    025+ 进入快速浏览页面
    026+ 字段:快速浏览
    027+ 1.点击快速浏览,进入指定页面
    028+ 界面元素-快速浏览
    029+
    030+ 名称
    031+ 用途
    032+ 显示
    033+ 交互
    034+ 产品信息
    035+ 展示产品信息
    036+
    037+ 产品名称,例:都市汉方-至尊虫草300粒
    038+ 产品价格,例:HK$1200.00产品图片2张,
    039+
    040+ 1.点击原点,更换图片
    041+ 数量
    042+ 填写购买数量
    043+ 输入框,默认为1
    044+
    045+ 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    046+ 2.输入购买数量
    047+
    048+ 新增到购物车中
    049+ 将产品加入购物车
    050+ 【新增到购物车中】按钮
    051+ 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    052+ 浏览更多详细资料
    053+ 查看指定产品详细资料
    054+ 字段:浏览更多详细资料
    055+ 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    056+ 界面元素-购物车
    057+
    058+ 名称
    059+ 用途
    060+ 显示
    061+ 交互
    062+
    063+ 关闭购物车插件
    064+ 图标:
    065+
    066+ 1.悬停出现字段:关闭购物车插件
    067+ 2.点击图标,关闭购物车插件
    068+
    069+ 浏览购物车
    070+ 进入购物车页面
    071+ 【浏览购物车】按钮
    072+ 1.点击按钮,进入购物车页面
    073+ 购物车产品列表
    074+ 展示购物车内的产品
    075+ 纵向排列,展示产品名称,价格,数量,小计金额
    076+
    077+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    078+ 2.点击+/-,更改产品数量,小计金额更改
    079+
    080+
    081+
    082+
    083+
    084+
    085+
    086+
    087+
    001-
    001+ <h3>功能描述</h3>
    002+ <p>1.查看抗疫产品列表</p>
    003+ <p>2.快速浏览</p>
    004+ <p>3.将抗疫产品加入购物车</p>
    005+ <p>4.进入产品详情页面</p>
    006+ <h3>界面</h3>
    007+ <p><img src="{3394.png}" alt="" /><img src="{3395.png}" alt="" /><img src="{3397.png}" alt="" /><img src="{3399.png}" alt="" /></p>
    008+ <h3>界面元素-产品列表</h3>
    009+ <p>
    010+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    013+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    014+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品列表<br /></td>
    015+ <td style="border:1px solid #ddd;">展示指定系列产品</td>
    016+ <td style="border:1px solid #ddd;">
    017+ <p>每行按四个产品内容排列</p>
    018+ <p>内容包含:产品图片+产品名称+价格</p>
    019+ </td>
    020+ <td style="border:1px solid #ddd;">
    021+ <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    022+ <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    023+ </td>
    024+ </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    025+ <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    026+ <td style="border:1px solid #ddd;">字段:快速浏览</td>
    027+ <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    028+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    029+ <p>
    030+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    031+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    032+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    033+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    034+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    035+ <td style="border:1px solid #ddd;">展示产品信息</td>
    036+ <td style="border:1px solid #ddd;">
    037+ <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    038+ <p>产品价格,例:HK$1200.00<br />产品图片2张,<img src="{3401.png}" alt="" /></p>
    039+ </td>
    040+ <td style="border:1px solid #ddd;">1.点击原点,更换图片</td>
    041+ </tr><tr><td style="border:1px solid #ddd;">数量</td>
    042+ <td style="border:1px solid #ddd;">填写购买数量</td>
    043+ <td style="border:1px solid #ddd;">输入框,默认为1</td>
    044+ <td style="border:1px solid #ddd;">
    045+ <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    046+ <p>2.输入购买数量</p>
    047+ </td>
    048+ </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    049+ <td style="border:1px solid #ddd;">将产品加入购物车</td>
    050+ <td style="border:1px solid #ddd;">【新增到购物车中】按钮</td>
    051+ <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    052+ </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    053+ <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    054+ <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    055+ <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    056+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    057+ <p>
    058+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    059+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    060+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    061+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    062+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    063+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    064+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    065+ <td style="border:1px solid #ddd;">
    066+ <p>1.悬停出现字段:关闭购物车插件</p>
    067+ <p>2.点击图标,关闭购物车插件</p>
    068+ </td>
    069+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    070+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    071+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    072+ <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    073+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    074+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    075+ <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    076+ <td style="border:1px solid #ddd;">
    077+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    078+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    079+ </td>
    080+ </tr></tbody></table><p><br /></p>
    081+ <p><br /></p>
    082+ <p><br /></p>
    083+ <p><br /></p>
    084+ <p><br /></p>
    085+ <p><br /></p>
    086+ <p><br /></p>
    087+ <p><br /></p>
  3. 2021-04-10 15:22:42, 由 kyxia 变更。
    修改了 版本号,旧值为 "2",新值为 "3"。
    修改了 描述 ,区别为:
    009-
    009+
    010- 名称
    010+ 名称
    011- 用途
    011+ 用途
    012- 显示
    012+ 显示
    013- 交互
    013+ 交互
    014- 产品列表
    014+ 产品列表
    015- 展示指定系列产品
    015+ 展示指定系列产品
    016-
    016+
    017- 每行按四个产品内容排列
    017+ 每行按四个产品内容排列
    018- 内容包含:产品图片+产品名称+价格
    018+ 内容包含:产品图片+产品名称+价格
    019-
    019+
    020-
    020+
    021- 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    021+ 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    022- 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    022+ 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    023-
    023+
    024- 快速浏览
    024+ 快速浏览
    025- 进入快速浏览页面
    025+ 进入快速浏览页面
    026- 字段:快速浏览
    026+ 字段:快速浏览
    027- 1.点击快速浏览,进入指定页面
    027+ 1.点击快速浏览,进入指定页面
    028- 界面元素-快速浏览
    028+ 界面元素-快速浏览
    029-
    029+
    030- 名称
    030+ 名称
    031- 用途
    031+ 用途
    032- 显示
    032+ 显示
    033- 交互
    033+ 交互
    034- 产品信息
    034+ 产品信息
    035- 展示产品信息
    035+ 展示产品信息
    036-
    036+
    037- 产品名称,例:都市汉方-至尊虫草300粒
    037+ 产品名称,例:都市汉方-至尊虫草300粒
    038- 产品价格,例:HK$1200.00产品图片2张,
    038+ 产品价格,例:HK$1200.00产品图片多张
    039-
    039+
    040- 1.点击原点,更换图片
    040+ 1.点击,圆点底色变量并更换产品图片
    041- 数量
    041+ 数量
    042- 填写购买数量
    042+ 填写购买数量
    043- 输入框,默认为1
    043+ 输入框,默认为1
    044-
    044+
    045- 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    045+ 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    046- 2.输入购买数量
    046+ 2.输入购买数量
    047-
    047+
    048- 新增到购物车中
    048+ 新增到购物车中
    049- 将产品加入购物车
    049+ 将产品加入购物车
    050- 【新增到购物车中】按钮
    050+ 【新增到购物车中】按钮
    051- 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    051+ 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    052- 浏览更多详细资料
    052+ 浏览更多详细资料
    053- 查看指定产品详细资料
    053+ 查看指定产品详细资料
    054- 字段:浏览更多详细资料
    054+ 字段:浏览更多详细资料
    055- 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    055+ 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    056- 界面元素-购物车
    056+ 界面元素-购物车
    057-
    057+
    058- 名称
    058+ 名称
    059- 用途
    059+ 用途
    060- 显示
    060+ 显示
    061- 交互
    061+ 交互
    062-
    062+
    063- 关闭购物车插件
    063+ 关闭购物车插件
    064- 图标:
    064+ 图标:
    065-
    065+
    066- 1.悬停出现字段:关闭购物车插件
    066+ 1.悬停出现字段:关闭购物车插件
    067- 2.点击图标,关闭购物车插件
    067+ 2.点击图标,关闭购物车插件
    068-
    068+
    069- 浏览购物车
    069+ 浏览购物车
    070- 进入购物车页面
    070+ 进入购物车页面
    071- 【浏览购物车】按钮
    071+ 【浏览购物车】按钮
    072- 1.点击按钮,进入购物车页面
    072+ 1.点击按钮,进入购物车页面
    073- 购物车产品列表
    073+ 购物车产品列表
    074- 展示购物车内的产品
    074+ 展示购物车内的产品
    075- 纵向排列,展示产品名称,价格,数量,小计金额
    075+ 纵向排列,展示产品名称,价格,数量,小计金额
    076-
    076+
    077- 1.鼠标悬停至产品,出现按钮,点击删除产品
    077+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    078- 2.点击+/-,更改产品数量,小计金额更改
    078+ 2.点击+/-,更改产品数量,小计金额更改
    079-
    079+
    080-
    080+
    009- <p>
    009+ <p><br /></p>
    010- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    010+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    012- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    013- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    013+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    014- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品列表<br /></td>
    014+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品列表<br /></td>
    015- <td style="border:1px solid #ddd;">展示指定系列产品</td>
    015+ <td style="border:1px solid #ddd;">展示指定系列产品</td>
    016- <td style="border:1px solid #ddd;">
    016+ <td style="border:1px solid #ddd;">
    017- <p>每行按四个产品内容排列</p>
    017+ <p>每行按四个产品内容排列</p>
    018- <p>内容包含:产品图片+产品名称+价格</p>
    018+ <p>内容包含:产品图片+产品名称+价格</p>
    019- </td>
    019+ </td>
    020- <td style="border:1px solid #ddd;">
    020+ <td style="border:1px solid #ddd;">
    021- <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    021+ <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    022- <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    022+ <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    023- </td>
    023+ </td>
    024- </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    024+ </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    025- <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    025+ <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    026- <td style="border:1px solid #ddd;">字段:快速浏览</td>
    026+ <td style="border:1px solid #ddd;">字段:快速浏览</td>
    027- <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    027+ <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    028- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    028+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    029- <p>
    029+ <p><br /></p>
    030- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    030+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    031- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    031+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    032- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    032+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    033- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    033+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    034- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    034+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    035- <td style="border:1px solid #ddd;">展示产品信息</td>
    035+ <td style="border:1px solid #ddd;">展示产品信息</td>
    036- <td style="border:1px solid #ddd;">
    036+ <td style="border:1px solid #ddd;">
    037- <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    037+ <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    038- <p>产品价格,例:HK$1200.00<br />产品图片2张,<img src="{3401.png}" alt="" /></p>
    038+ <p>产品价格,例:HK$1200.00<br />产品图片多张</p>
    039- </td>
    039+ </td>
    040- <td style="border:1px solid #ddd;">1.点击原点,更换图片</td>
    040+ <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    041- </tr><tr><td style="border:1px solid #ddd;">数量</td>
    041+ </tr><tr><td style="border:1px solid #ddd;">数量</td>
    042- <td style="border:1px solid #ddd;">填写购买数量</td>
    042+ <td style="border:1px solid #ddd;">填写购买数量</td>
    043- <td style="border:1px solid #ddd;">输入框,默认为1</td>
    043+ <td style="border:1px solid #ddd;">输入框,默认为1</td>
    044- <td style="border:1px solid #ddd;">
    044+ <td style="border:1px solid #ddd;">
    045- <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    045+ <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    046- <p>2.输入购买数量</p>
    046+ <p>2.输入购买数量</p>
    047- </td>
    047+ </td>
    048- </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    048+ </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    049- <td style="border:1px solid #ddd;">将产品加入购物车</td>
    049+ <td style="border:1px solid #ddd;">将产品加入购物车</td>
    050- <td style="border:1px solid #ddd;">【新增到购物车中】按钮</td>
    050+ <td style="border:1px solid #ddd;">【新增到购物车中】按钮</td>
    051- <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    051+ <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    052- </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    052+ </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    053- <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    053+ <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    054- <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    054+ <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    055- <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    055+ <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    056- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    056+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    057- <p>
    057+ <p><br /></p>
    058- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    058+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    059- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    059+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    060- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    060+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    061- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    061+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    062- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    062+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    063- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    063+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    064- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    064+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    065- <td style="border:1px solid #ddd;">
    065+ <td style="border:1px solid #ddd;">
    066- <p>1.悬停出现字段:关闭购物车插件</p>
    066+ <p>1.悬停出现字段:关闭购物车插件</p>
    067- <p>2.点击图标,关闭购物车插件</p>
    067+ <p>2.点击图标,关闭购物车插件</p>
    068- </td>
    068+ </td>
    069- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    069+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    070- <td style="border:1px solid #ddd;">进入购物车页面</td>
    070+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    071- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    071+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    072- <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    072+ <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    073- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    073+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    074- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    074+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    075- <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    075+ <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    076- <td style="border:1px solid #ddd;">
    076+ <td style="border:1px solid #ddd;">
    077- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    077+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    078- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    078+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    079- </td>
    079+ </td>
    080- </tr></tbody></table><p><br /></p>
    080+ </tr></tbody></table><p><br /></p>
  4. 2021-04-10 15:49:00, 由 kyxia 变更。
    修改了 版本号,旧值为 "3",新值为 "4"。
    修改了 描述 ,区别为:
    038- 产品价格,例:HK$1200.00产品图片多张
    038+ 产品价格,例:HK$1200.00
    039-
    039+ 库存单位:LM00001产品图片多张
    040- 1.点击,圆点底色变量并更换产品图片
    040+
    041- 数量
    041+ 1.点击,圆点底色变量并更换产品图片
    042- 填写购买数量
    042+ 数量
    043- 输入框,默认为1
    043+ 填写购买数量
    045- 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    045+ 输入框,默认为1
    046- 2.输入购买数量
    046+ 产品无库存时,不显示
    048- 新增到购物车中
    048+
    049- 将产品加入购物车
    049+ 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    050- 【新增到购物车中】按钮
    050+ 2.输入购买数量
    051- 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    051+
    052- 浏览更多详细资料
    052+ 新增到购物车中
    053- 查看指定产品详细资料
    053+ 将产品加入购物车
    054- 字段:浏览更多详细资料
    054+
    055- 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    055+ 【新增到购物车中】按钮
    056- 界面元素-购物车
    056+ 产品有库存时,显示
    057-
    057+
    058- 名称
    058+ 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    059- 用途
    059+ 无库存
    060- 显示
    060+ 告知用户无库存
    061- 交互
    061+
    062-
    062+ 字段:无库存,灰色底框
    063- 关闭购物车插件
    063+ 产品无库存时,显示
    064- 图标:
    064+
    065-
    065+
    066- 1.悬停出现字段:关闭购物车插件
    066+ 浏览更多详细资料
    067- 2.点击图标,关闭购物车插件
    067+ 查看指定产品详细资料
    068-
    068+ 字段:浏览更多详细资料
    069- 浏览购物车
    069+ 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    070- 进入购物车页面
    070+ 界面元素-购物车
    071- 【浏览购物车】按钮
    071+
    072- 1.点击按钮,进入购物车页面
    072+ 名称
    073- 购物车产品列表
    073+ 用途
    074- 展示购物车内的产品
    074+ 显示
    075- 纵向排列,展示产品名称,价格,数量,小计金额
    075+ 交互
    076-
    076+
    077- 1.鼠标悬停至产品,出现按钮,点击删除产品
    077+ 关闭购物车插件
    078- 2.点击+/-,更改产品数量,小计金额更改
    078+ 图标:
    079-
    079+
    080-
    080+ 1.悬停出现字段:关闭购物车插件
    081-
    081+ 2.点击图标,关闭购物车插件
    082-
    082+
    083-
    083+ 浏览购物车
    084-
    084+ 进入购物车页面
    085-
    085+ 【浏览购物车】按钮
    086-
    086+ 1.点击按钮,进入购物车页面
    087-
    087+ 购物车产品列表
    088+ 展示购物车内的产品
    089+ 纵向排列,展示产品名称,价格,数量,小计金额
    090+
    091+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    092+ 2.点击+/-,更改产品数量,小计金额更改
    093+
    094+
    095+
    096+
    097+
    098+
    099+
    100+
    101+
    038- <p>产品价格,例:HK$1200.00<br />产品图片多张</p>
    038+ <p>产品价格,例:HK$1200.00</p>
    039- </td>
    039+ <p>库存单位:LM00001<br />产品图片多张</p>
    040- <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    040+ </td>
    041- </tr><tr><td style="border:1px solid #ddd;">数量</td>
    041+ <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    042- <td style="border:1px solid #ddd;">填写购买数量</td>
    042+ </tr><tr><td style="border:1px solid #ddd;">数量</td>
    043- <td style="border:1px solid #ddd;">输入框,默认为1</td>
    043+ <td style="border:1px solid #ddd;">填写购买数量</td>
    045- <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    045+ <p>输入框,默认为1</p>
    046- <p>2.输入购买数量</p>
    046+ <p>产品无库存时,不显示</p>
    048- </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    048+ <td style="border:1px solid #ddd;">
    049- <td style="border:1px solid #ddd;">将产品加入购物车</td>
    049+ <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    050- <td style="border:1px solid #ddd;">【新增到购物车中】按钮</td>
    050+ <p>2.输入购买数量</p>
    051- <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    051+ </td>
    052- </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    052+ </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    053- <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    053+ <td style="border:1px solid #ddd;">将产品加入购物车</td>
    054- <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    054+ <td style="border:1px solid #ddd;">
    055- <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    055+ <p>【新增到购物车中】按钮</p>
    056- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    056+ <p><span>产品有库存时,显示</span></p>
    057- <p><br /></p>
    057+ </td>
    058- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    058+ <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    059- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    059+ </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    060- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    060+ <td style="border:1px solid #ddd;">告知用户无库存</td>
    061- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    061+ <td style="border:1px solid #ddd;">
    062- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    062+ <p>字段:无库存,灰色底框</p>
    063- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    063+ <p>产品无库存时,显示</p>
    064- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    064+ </td>
    065- <td style="border:1px solid #ddd;">
    065+ <td style="border:1px solid #ddd;">无</td>
    066- <p>1.悬停出现字段:关闭购物车插件</p>
    066+ </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    067- <p>2.点击图标,关闭购物车插件</p>
    067+ <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    068- </td>
    068+ <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    069- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    069+ <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    070- <td style="border:1px solid #ddd;">进入购物车页面</td>
    070+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    071- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    071+ <p><br /></p>
    072- <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    072+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    073- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    073+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    074- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    074+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    075- <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    075+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    076- <td style="border:1px solid #ddd;">
    076+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    077- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    077+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    078- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    078+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    079- </td>
    079+ <td style="border:1px solid #ddd;">
    080- </tr></tbody></table><p><br /></p>
    080+ <p>1.悬停出现字段:关闭购物车插件</p>
    081- <p><br /></p>
    081+ <p>2.点击图标,关闭购物车插件</p>
    082- <p><br /></p>
    082+ </td>
    083- <p><br /></p>
    083+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    084- <p><br /></p>
    084+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    085- <p><br /></p>
    085+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    086- <p><br /></p>
    086+ <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    087- <p><br /></p>
    087+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    088+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    089+ <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    090+ <td style="border:1px solid #ddd;">
    091+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    092+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    093+ </td>
    094+ </tr></tbody></table><p><br /></p>
    095+ <p><br /></p>
    096+ <p><br /></p>
    097+ <p><br /></p>
    098+ <p><br /></p>
    099+ <p><br /></p>
    100+ <p><br /></p>
    101+ <p><br /></p>
  5. 2021-04-10 15:51:30, 由 kyxia 变更。
    修改了 版本号,旧值为 "4",新值为 "5"。
    修改了 描述 ,区别为:
    003- 2.快速浏览
    003+ 2.快速浏览产品
    019-
    019+ 产品无库存时,不显示价格
    020-
    020+
    021- 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    021+
    022- 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    022+ 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    023-
    023+ 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    024- 快速浏览
    024+
    025- 进入快速浏览页面
    025+ 快速浏览
    026- 字段:快速浏览
    026+ 进入快速浏览页面
    027- 1.点击快速浏览,进入指定页面
    027+ 字段:快速浏览
    028- 界面元素-快速浏览
    028+ 1.点击快速浏览,进入指定页面
    029-
    029+ 界面元素-快速浏览
    030- 名称
    030+
    031- 用途
    031+ 名称
    032- 显示
    032+ 用途
    033- 交互
    033+ 显示
    034- 产品信息
    034+ 交互
    035- 展示产品信息
    035+ 产品信息
    036-
    036+ 展示产品信息
    037- 产品名称,例:都市汉方-至尊虫草300粒
    037+
    038- 产品价格,例:HK$1200.00
    038+ 产品名称,例:都市汉方-至尊虫草300粒
    039- 库存单位:LM00001产品图片多张
    039+ 产品价格,例:HK$1200.00
    040-
    040+ 库存单位:LM00001产品图片多张
    041- 1.点击,圆点底色变量并更换产品图片
    041+
    042- 数量
    042+ 1.点击,圆点底色变量并更换产品图片
    043- 填写购买数量
    043+ 数量
    044-
    044+ 填写购买数量
    045- 输入框,默认为1
    045+
    046- 产品无库存时,不显示
    046+ 输入框,默认为1
    047-
    047+ 产品无库存时,不显示
    048-
    048+
    049- 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    049+
    050- 2.输入购买数量
    050+ 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    051-
    051+ 2.输入购买数量
    052- 新增到购物车中
    052+
    053- 将产品加入购物车
    053+ 新增到购物车中
    054-
    054+ 将产品加入购物车
    055- 【新增到购物车中】按钮
    055+
    056- 产品有库存时,显示
    056+ 【新增到购物车中】按钮
    057-
    057+ 产品有库存时,显示
    058- 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    058+
    059- 无库存
    059+ 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    060- 告知用户无库存
    060+ 无库存
    061-
    061+ 告知用户无库存
    062- 字段:无库存,灰色底框
    062+
    063- 产品无库存时,显示
    063+ 字段:无库存,灰色底框
    064-
    064+ 产品无库存时,显示
    065-
    065+
    066- 浏览更多详细资料
    066+
    067- 查看指定产品详细资料
    067+ 浏览更多详细资料
    068- 字段:浏览更多详细资料
    068+ 查看指定产品详细资料
    069- 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    069+ 字段:浏览更多详细资料
    070- 界面元素-购物车
    070+ 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    071-
    071+ 界面元素-购物车
    072- 名称
    072+
    073- 用途
    073+ 名称
    074- 显示
    074+ 用途
    075- 交互
    075+ 显示
    076-
    076+ 交互
    077- 关闭购物车插件
    077+
    078- 图标:
    078+ 关闭购物车插件
    079-
    079+ 图标:
    080- 1.悬停出现字段:关闭购物车插件
    080+
    081- 2.点击图标,关闭购物车插件
    081+ 1.悬停出现字段:关闭购物车插件
    082-
    082+ 2.点击图标,关闭购物车插件
    083- 浏览购物车
    083+
    084- 进入购物车页面
    084+ 浏览购物车
    085- 【浏览购物车】按钮
    085+ 进入购物车页面
    086- 1.点击按钮,进入购物车页面
    086+ 【浏览购物车】按钮
    087- 购物车产品列表
    087+ 1.点击按钮,进入购物车页面
    088- 展示购物车内的产品
    088+ 购物车产品列表
    089- 纵向排列,展示产品名称,价格,数量,小计金额
    089+ 展示购物车内的产品
    090-
    090+ 纵向排列,展示产品名称,价格,数量,小计金额
    091- 1.鼠标悬停至产品,出现按钮,点击删除产品
    091+
    092- 2.点击+/-,更改产品数量,小计金额更改
    092+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    093-
    093+ 2.点击+/-,更改产品数量,小计金额更改
    094-
    094+
    095-
    095+
    102+
    003- <p>2.快速浏览</p>
    003+ <p>2.快速浏览产品</p>
    019- </td>
    019+ <p>产品无库存时,不显示价格</p>
    020- <td style="border:1px solid #ddd;">
    020+ </td>
    021- <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    021+ <td style="border:1px solid #ddd;">
    022- <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    022+ <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    023- </td>
    023+ <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    024- </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    024+ </td>
    025- <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    025+ </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    026- <td style="border:1px solid #ddd;">字段:快速浏览</td>
    026+ <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    027- <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    027+ <td style="border:1px solid #ddd;">字段:快速浏览</td>
    028- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    028+ <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    029- <p><br /></p>
    029+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    030- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    030+ <p><br /></p>
    031- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    031+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    032- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    032+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    033- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    033+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    034- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    034+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    035- <td style="border:1px solid #ddd;">展示产品信息</td>
    035+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    036- <td style="border:1px solid #ddd;">
    036+ <td style="border:1px solid #ddd;">展示产品信息</td>
    037- <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    037+ <td style="border:1px solid #ddd;">
    038- <p>产品价格,例:HK$1200.00</p>
    038+ <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    039- <p>库存单位:LM00001<br />产品图片多张</p>
    039+ <p>产品价格,例:HK$1200.00</p>
    040- </td>
    040+ <p>库存单位:LM00001<br />产品图片多张</p>
    041- <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    041+ </td>
    042- </tr><tr><td style="border:1px solid #ddd;">数量</td>
    042+ <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    043- <td style="border:1px solid #ddd;">填写购买数量</td>
    043+ </tr><tr><td style="border:1px solid #ddd;">数量</td>
    044- <td style="border:1px solid #ddd;">
    044+ <td style="border:1px solid #ddd;">填写购买数量</td>
    045- <p>输入框,默认为1</p>
    045+ <td style="border:1px solid #ddd;">
    046- <p>产品无库存时,不显示</p>
    046+ <p>输入框,默认为1</p>
    047- </td>
    047+ <p>产品无库存时,不显示</p>
    048- <td style="border:1px solid #ddd;">
    048+ </td>
    049- <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    049+ <td style="border:1px solid #ddd;">
    050- <p>2.输入购买数量</p>
    050+ <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    051- </td>
    051+ <p>2.输入购买数量</p>
    052- </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    052+ </td>
    053- <td style="border:1px solid #ddd;">将产品加入购物车</td>
    053+ </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    054- <td style="border:1px solid #ddd;">
    054+ <td style="border:1px solid #ddd;">将产品加入购物车</td>
    055- <p>【新增到购物车中】按钮</p>
    055+ <td style="border:1px solid #ddd;">
    056- <p><span>产品有库存时,显示</span></p>
    056+ <p>【新增到购物车中】按钮</p>
    057- </td>
    057+ <p><span>产品有库存时,显示</span></p>
    058- <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    058+ </td>
    059- </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    059+ <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    060- <td style="border:1px solid #ddd;">告知用户无库存</td>
    060+ </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    061- <td style="border:1px solid #ddd;">
    061+ <td style="border:1px solid #ddd;">告知用户无库存</td>
    062- <p>字段:无库存,灰色底框</p>
    062+ <td style="border:1px solid #ddd;">
    063- <p>产品无库存时,显示</p>
    063+ <p>字段:无库存,灰色底框</p>
    064- </td>
    064+ <p>产品无库存时,显示</p>
    065- <td style="border:1px solid #ddd;">无</td>
    065+ </td>
    066- </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    066+ <td style="border:1px solid #ddd;">无</td>
    067- <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    067+ </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    068- <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    068+ <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    069- <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    069+ <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    070- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    070+ <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    071- <p><br /></p>
    071+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    072- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    072+ <p><br /></p>
    073- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    073+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    074- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    074+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    075- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    075+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    076- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    076+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    077- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    077+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    078- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    078+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    079- <td style="border:1px solid #ddd;">
    079+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    080- <p>1.悬停出现字段:关闭购物车插件</p>
    080+ <td style="border:1px solid #ddd;">
    081- <p>2.点击图标,关闭购物车插件</p>
    081+ <p>1.悬停出现字段:关闭购物车插件</p>
    082- </td>
    082+ <p>2.点击图标,关闭购物车插件</p>
    083- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    083+ </td>
    084- <td style="border:1px solid #ddd;">进入购物车页面</td>
    084+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    085- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    085+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    086- <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    086+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    087- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    087+ <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    088- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    088+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    089- <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    089+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    090- <td style="border:1px solid #ddd;">
    090+ <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    091- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    091+ <td style="border:1px solid #ddd;">
    092- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    092+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    093- </td>
    093+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    094- </tr></tbody></table><p><br /></p>
    094+ </td>
    095- <p><br /></p>
    095+ </tr></tbody></table><p><br /></p>
    102+ <p><br /></p>
  6. 2021-04-10 15:55:25, 由 kyxia 变更。
    修改了 版本号,旧值为 "5",新值为 "6"。
    修改了 描述 ,区别为:
    015- 展示指定系列产品
    015+ 展示抗疫系列产品
    090- 纵向排列,展示产品名称,价格,数量,小计金额
    090+ 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    015- <td style="border:1px solid #ddd;">展示指定系列产品</td>
    015+ <td style="border:1px solid #ddd;">展示抗疫系列产品</td>
    090- <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量,小计金额</td>
    090+ <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量(至少为1),小计金额</td>
  7. 2021-04-10 16:08:12, 由 kyxia 变更。
    修改了 版本号,旧值为 "6",新值为 "7"。
    修改了 描述 ,区别为:
    090- 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    090+
    091-
    091+ 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    092- 1.鼠标悬停至产品,出现按钮,点击删除产品
    092+ 当购物车没有产品,列表显示字段:购物车是空的
    093- 2.点击+/-,更改产品数量,小计金额更改
    093+
    094-
    094+
    095-
    095+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    096-
    096+ 2.点击+/-,更改产品数量,小计金额更改
    097-
    097+
    098-
    098+
    103+
    104+
    105+
    090- <td style="border:1px solid #ddd;">纵向排列,展示产品名称,价格,数量(至少为1),小计金额</td>
    090+ <td style="border:1px solid #ddd;">
    091- <td style="border:1px solid #ddd;">
    091+ <p>纵向排列,展示产品名称,价格,数量(至少为1),小计金额</p>
    092- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    092+ <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    093- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    093+ </td>
    094- </td>
    094+ <td style="border:1px solid #ddd;">
    095- </tr></tbody></table><p><br /></p>
    095+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    096- <p><br /></p>
    096+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    097- <p><br /></p>
    097+ </td>
    098- <p><br /></p>
    098+ </tr></tbody></table><p><br /></p>
    103+ <p><br /></p>
    104+ <p><br /></p>
    105+ <p><br /></p>
  8. 2021-04-10 16:13:38, 由 kyxia 变更。
    修改了 版本号,旧值为 "7",新值为 "8"。
    修改了 描述 ,区别为:
    040- 库存单位:LM00001产品图片多张
    040+ 库存单位:例:LM00001产品图片多张
    071- 界面元素-购物车
    071+
    072-
    072+ 关闭快速浏览框
    073- 名称
    073+ 图标:
    074- 用途
    074+ 1.点击图标,关闭浏览框
    075- 显示
    075+ 界面元素-购物车
    076- 交互
    076+
    077-
    077+ 名称
    078- 关闭购物车插件
    078+ 用途
    079- 图标:
    079+ 显示
    080-
    080+ 交互
    081- 1.悬停出现字段:关闭购物车插件
    081+
    082- 2.点击图标,关闭购物车插件
    082+ 关闭购物车插件
    083-
    083+ 图标:
    084- 浏览购物车
    084+
    085- 进入购物车页面
    085+ 1.悬停出现字段:关闭购物车插件
    086- 【浏览购物车】按钮
    086+ 2.点击图标,关闭购物车插件
    087- 1.点击按钮,进入购物车页面
    087+
    088- 购物车产品列表
    088+ 浏览购物车
    089- 展示购物车内的产品
    089+ 进入购物车页面
    090-
    090+ 【浏览购物车】按钮
    091- 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    091+ 1.点击按钮,进入购物车页面
    092- 当购物车没有产品,列表显示字段:购物车是空的
    092+ 购物车产品列表
    093-
    093+ 展示购物车内的产品
    095- 1.鼠标悬停至产品,出现按钮,点击删除产品
    095+ 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    096- 2.点击+/-,更改产品数量,小计金额更改
    096+ 当购物车没有产品,列表显示字段:购物车是空的
    098-
    098+
    099-
    099+ 1.鼠标悬停至产品,出现按钮,点击删除产品
    100-
    100+ 2.点击+/-,更改产品数量,小计金额更改
    101-
    101+
    102-
    102+
    106+
    107+
    108+
    109+
    040- <p>库存单位:LM00001<br />产品图片多张</p>
    040+ <p>库存单位:例:LM00001<br />产品图片多张</p>
    071- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    071+ </tr><tr><td style="border:1px solid #ddd;"><img src="{3422.png}" alt="" /><br /></td>
    072- <p><br /></p>
    072+ <td style="border:1px solid #ddd;"><span>关闭快速浏览框</span><br /></td>
    073- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    073+ <td style="border:1px solid #ddd;">图标:<img src="{3422.png}" alt="" /><br /></td>
    074- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    074+ <td style="border:1px solid #ddd;"><span>1.点击图标,关闭浏览框</span><br /></td>
    075- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    075+ </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    076- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    076+ <p><br /></p>
    077- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    077+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    078- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    078+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    079- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    079+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    080- <td style="border:1px solid #ddd;">
    080+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    081- <p>1.悬停出现字段:关闭购物车插件</p>
    081+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    082- <p>2.点击图标,关闭购物车插件</p>
    082+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    083- </td>
    083+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    084- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    084+ <td style="border:1px solid #ddd;">
    085- <td style="border:1px solid #ddd;">进入购物车页面</td>
    085+ <p>1.悬停出现字段:关闭购物车插件</p>
    086- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    086+ <p>2.点击图标,关闭购物车插件</p>
    087- <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    087+ </td>
    088- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    088+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    089- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    089+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    090- <td style="border:1px solid #ddd;">
    090+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    091- <p>纵向排列,展示产品名称,价格,数量(至少为1),小计金额</p>
    091+ <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    092- <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    092+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    093- </td>
    093+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    095- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    095+ <p>纵向排列,展示产品名称,价格,数量(至少为1),小计金额</p>
    096- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    096+ <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    098- </tr></tbody></table><p><br /></p>
    098+ <td style="border:1px solid #ddd;">
    099- <p><br /></p>
    099+ <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    100- <p><br /></p>
    100+ <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    101- <p><br /></p>
    101+ </td>
    102- <p><br /></p>
    102+ </tr></tbody></table><p><br /></p>
    106+ <p><br /></p>
    107+ <p><br /></p>
    108+ <p><br /></p>
    109+ <p><br /></p>
  9. 2021-04-10 16:20:35, 由 kyxia 变更。
    修改了 版本号,旧值为 "8",新值为 "9"。
    修改了 描述 ,区别为:
    031- 名称
    031+ 名称
    095- 纵向排列,展示产品名称,价格,数量(至少为1),小计金额
    095+ 纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额
    099- 1.鼠标悬停至产品,出现按钮,点击删除产品
    099+
    100- 2.点击+/-,更改产品数量,小计金额更改
    100+ 1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener">按钮,点击删除产品
    101-
    101+ 2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener">点击+/-,更改产品数量,小计金额更改
    102-
    102+ 3.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    103-
    103+
    104-
    104+
    105-
    105+
    110+
    111+
    112+
    031- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    031+ <table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    095- <p>纵向排列,展示产品名称,价格,数量(至少为1),小计金额</p>
    095+ <p>纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额</p>
    099- <p>1.鼠标悬停至产品,出现<img src="{3405.png}" alt="" />按钮,点击删除产品</p>
    099+ <p><br /></p>
    100- <p>2.<img src="{3406.png}" alt="" />点击+/-,更改产品数量,小计金额更改</p>
    100+ <p>1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener"><img src="{3405.png}" alt="" /></a>按钮,点击删除产品</p>
    101- </td>
    101+ <p>2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener"><img src="{3406.png}" alt="" /></a>点击+/-,更改产品数量,小计金额更改</p>
    102- </tr></tbody></table><p><br /></p>
    102+ <p>3.点击产品图片,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></p>
    103- <p><br /></p>
    103+ <p><br /></p>
    104- <p><br /></p>
    104+ </td>
    105- <p><br /></p>
    105+ </tr></tbody></table><p><br /></p>
    110+ <p><br /></p>
    111+ <p><br /></p>
    112+ <p><br /></p>
  10. 2021-04-10 16:23:23, 由 kyxia 变更。
    修改了 版本号,旧值为 "9",新值为 "10"。
    修改了 描述 ,区别为:
    028- 1.点击快速浏览,进入指定页面
    028+ 1.点击快速浏览,显示快速浏览框
    091- 1.点击按钮,进入购物车页面
    091+ 1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener">购物车页面
    028- <td style="border:1px solid #ddd;">1.点击快速浏览,进入指定页面</td>
    028+ <td style="border:1px solid #ddd;">1.点击快速浏览,显示快速浏览框</td>
    091- <td style="border:1px solid #ddd;">1.点击按钮,进入购物车页面</td>
    091+ <td style="border:1px solid #ddd;">1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">购物车</span></a>页面</td>
  11. 2021-04-14 10:32:44, 由 kyxia 变更。
    修改了 版本号,旧值为 "10",新值为 "11"。
    修改了 描述 ,区别为:
    009-
    009+ 名称
    010- 名称
    010+ 用途
    011- 用途
    011+ 显示
    012- 显示
    012+ 交互
    013- 交互
    013+ 产品列表
    014- 产品列表
    014+ 展示抗疫系列产品
    015- 展示抗疫系列产品
    015+
    016-
    016+ 每行按四个产品内容排列
    017- 每行按四个产品内容排列
    017+ 内容包含:产品图片+产品名称+价格
    018- 内容包含:产品图片+产品名称+价格
    018+ 产品无库存时,不显示价格
    019- 产品无库存时,不显示价格
    019+
    020-
    020+
    021-
    021+ 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    022- 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    022+ 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    023- 2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    023+
    024-
    024+ 快速浏览
    025- 快速浏览
    025+ 进入快速浏览页面
    026- 进入快速浏览页面
    026+ 字段:快速浏览
    027- 字段:快速浏览
    027+ 1.点击快速浏览,显示快速浏览框
    028- 1.点击快速浏览,显示快速浏览框
    028+
    029- 界面元素-快速浏览
    029+ 界面元素-快速浏览
    030-
    030+ 名称
    031- 名称
    031+ 用途
    032- 用途
    032+ 显示
    033- 显示
    033+ 交互
    034- 交互
    034+ 产品信息
    035- 产品信息
    035+ 展示产品信息
    036- 展示产品信息
    036+
    037-
    037+ 产品名称,例:都市汉方-至尊虫草300粒
    038- 产品名称,例:都市汉方-至尊虫草300粒
    038+ 产品价格,例:HK$1200.00
    039- 产品价格,例:HK$1200.00
    039+ 库存单位:例:LM00001产品图片多张
    040- 库存单位:例:LM00001产品图片多张
    040+
    041-
    041+ 1.点击,圆点底色变量并更换产品图片
    042- 1.点击,圆点底色变量并更换产品图片
    042+ 数量
    043- 数量
    043+ 填写购买数量
    044- 填写购买数量
    044+
    045-
    045+ 输入框,默认为1
    046- 输入框,默认为1
    046+ 产品无库存时,不显示
    047- 产品无库存时,不显示
    047+
    048-
    048+
    049-
    049+ 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    050- 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    050+ 2.输入购买数量
    051- 2.输入购买数量
    051+
    052-
    052+ 新增到购物车中
    053- 新增到购物车中
    053+ 将产品加入购物车
    054- 将产品加入购物车
    054+
    055-
    055+ 【新增到购物车中】按钮
    056- 【新增到购物车中】按钮
    056+ 产品有库存时,显示
    057- 产品有库存时,显示
    057+
    058-
    058+ 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    059- 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    059+ 无库存
    060- 无库存
    060+ 告知用户无库存
    061- 告知用户无库存
    061+
    062-
    062+ 字段:无库存,灰色底框
    063- 字段:无库存,灰色底框
    063+ 产品无库存时,显示
    064- 产品无库存时,显示
    064+
    065-
    065+
    066-
    066+ 浏览更多详细资料
    067- 浏览更多详细资料
    067+ 查看指定产品详细资料
    068- 查看指定产品详细资料
    068+ 字段:浏览更多详细资料
    069- 字段:浏览更多详细资料
    069+ 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    070- 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    070+
    071-
    071+ 关闭快速浏览框
    072- 关闭快速浏览框
    072+ 图标:
    073- 图标:
    073+ 1.点击图标,关闭浏览框
    074- 1.点击图标,关闭浏览框
    074+
    075- 界面元素-购物车
    075+ 界面元素-购物车插件
    076-
    076+ 名称
    077- 名称
    077+ 用途
    078- 用途
    078+ 显示
    079- 显示
    079+ 交互
    080- 交互
    080+
    081-
    081+ 关闭购物车插件
    082- 关闭购物车插件
    082+ 图标:
    083- 图标:
    083+
    084-
    084+ 1.悬停出现字段:关闭购物车插件
    085- 1.悬停出现字段:关闭购物车插件
    085+ 2.点击图标,关闭购物车插件
    086- 2.点击图标,关闭购物车插件
    086+
    087-
    087+ 浏览购物车
    088- 浏览购物车
    088+ 进入购物车页面
    089- 进入购物车页面
    089+ 【浏览购物车】按钮
    090- 【浏览购物车】按钮
    090+ 1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener">购物车页面
    091- 1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener">购物车页面
    091+ 购物车产品列表
    092- 购物车产品列表
    092+ 展示购物车内的产品
    093- 展示购物车内的产品
    093+
    094-
    094+ 纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额
    095- 纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额
    095+ 当购物车没有产品,列表显示字段:购物车是空的
    096- 当购物车没有产品,列表显示字段:购物车是空的
    096+
    097-
    097+
    098-
    098+
    099-
    099+ 1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener">按钮,点击删除产品
    100- 1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener">按钮,点击删除产品
    100+ 2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener">点击+/-,更改产品数量,小计金额更改
    101- 2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener">点击+/-,更改产品数量,小计金额更改
    101+ 3.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    102- 3.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    102+
    103-
    103+
    104-
    104+
    105-
    105+
    112-
    009- <p><br /></p>
    009+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    010- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    012- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    013- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    013+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品列表<br /></td>
    014- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品列表<br /></td>
    014+ <td style="border:1px solid #ddd;">展示抗疫系列产品</td>
    015- <td style="border:1px solid #ddd;">展示抗疫系列产品</td>
    015+ <td style="border:1px solid #ddd;">
    016- <td style="border:1px solid #ddd;">
    016+ <p>每行按四个产品内容排列</p>
    017- <p>每行按四个产品内容排列</p>
    017+ <p>内容包含:产品图片+产品名称+价格</p>
    018- <p>内容包含:产品图片+产品名称+价格</p>
    018+ <p>产品无库存时,不显示价格</p>
    019- <p>产品无库存时,不显示价格</p>
    019+ </td>
    020- </td>
    020+ <td style="border:1px solid #ddd;">
    021- <td style="border:1px solid #ddd;">
    021+ <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    022- <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    022+ <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    023- <p>2.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a>页面</p>
    023+ </td>
    024- </td>
    024+ </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    025- </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    025+ <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    026- <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    026+ <td style="border:1px solid #ddd;">字段:快速浏览</td>
    027- <td style="border:1px solid #ddd;">字段:快速浏览</td>
    027+ <td style="border:1px solid #ddd;">1.点击快速浏览,显示快速浏览框</td>
    028- <td style="border:1px solid #ddd;">1.点击快速浏览,显示快速浏览框</td>
    028+ </tr></tbody></table><h3 style="color:#3C4353;"><br /></h3>
    029- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    029+ <h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    030- <p><br /></p>
    030+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    031- <table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    031+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    032- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    032+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    033- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    033+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    034- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    034+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    035- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    035+ <td style="border:1px solid #ddd;">展示产品信息</td>
    036- <td style="border:1px solid #ddd;">展示产品信息</td>
    036+ <td style="border:1px solid #ddd;">
    037- <td style="border:1px solid #ddd;">
    037+ <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    038- <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    038+ <p>产品价格,例:HK$1200.00</p>
    039- <p>产品价格,例:HK$1200.00</p>
    039+ <p>库存单位:例:LM00001<br />产品图片多张</p>
    040- <p>库存单位:例:LM00001<br />产品图片多张</p>
    040+ </td>
    041- </td>
    041+ <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    042- <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    042+ </tr><tr><td style="border:1px solid #ddd;">数量</td>
    043- </tr><tr><td style="border:1px solid #ddd;">数量</td>
    043+ <td style="border:1px solid #ddd;">填写购买数量</td>
    044- <td style="border:1px solid #ddd;">填写购买数量</td>
    044+ <td style="border:1px solid #ddd;">
    045- <td style="border:1px solid #ddd;">
    045+ <p>输入框,默认为1</p>
    046- <p>输入框,默认为1</p>
    046+ <p>产品无库存时,不显示</p>
    047- <p>产品无库存时,不显示</p>
    047+ </td>
    048- </td>
    048+ <td style="border:1px solid #ddd;">
    049- <td style="border:1px solid #ddd;">
    049+ <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    050- <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    050+ <p>2.输入购买数量</p>
    051- <p>2.输入购买数量</p>
    051+ </td>
    052- </td>
    052+ </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    053- </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    053+ <td style="border:1px solid #ddd;">将产品加入购物车</td>
    054- <td style="border:1px solid #ddd;">将产品加入购物车</td>
    054+ <td style="border:1px solid #ddd;">
    055- <td style="border:1px solid #ddd;">
    055+ <p>【新增到购物车中】按钮</p>
    056- <p>【新增到购物车中】按钮</p>
    056+ <p><span>产品有库存时,显示</span></p>
    057- <p><span>产品有库存时,显示</span></p>
    057+ </td>
    058- </td>
    058+ <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    059- <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    059+ </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    060- </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    060+ <td style="border:1px solid #ddd;">告知用户无库存</td>
    061- <td style="border:1px solid #ddd;">告知用户无库存</td>
    061+ <td style="border:1px solid #ddd;">
    062- <td style="border:1px solid #ddd;">
    062+ <p>字段:无库存,灰色底框</p>
    063- <p>字段:无库存,灰色底框</p>
    063+ <p>产品无库存时,显示</p>
    064- <p>产品无库存时,显示</p>
    064+ </td>
    065- </td>
    065+ <td style="border:1px solid #ddd;">无</td>
    066- <td style="border:1px solid #ddd;">无</td>
    066+ </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    067- </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    067+ <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    068- <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    068+ <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    069- <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    069+ <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    070- <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    070+ </tr><tr><td style="border:1px solid #ddd;"><img src="{3422.png}" alt="" /><br /></td>
    071- </tr><tr><td style="border:1px solid #ddd;"><img src="{3422.png}" alt="" /><br /></td>
    071+ <td style="border:1px solid #ddd;"><span>关闭快速浏览框</span><br /></td>
    072- <td style="border:1px solid #ddd;"><span>关闭快速浏览框</span><br /></td>
    072+ <td style="border:1px solid #ddd;">图标:<img src="{3422.png}" alt="" /><br /></td>
    073- <td style="border:1px solid #ddd;">图标:<img src="{3422.png}" alt="" /><br /></td>
    073+ <td style="border:1px solid #ddd;"><span>1.点击图标,关闭浏览框</span><br /></td>
    074- <td style="border:1px solid #ddd;"><span>1.点击图标,关闭浏览框</span><br /></td>
    074+ </tr></tbody></table><h3 style="color:#3C4353;"><br /></h3>
    075- </tr></tbody></table><h3 style="color:#3C4353;">界面元素-购物车</h3>
    075+ <h3 style="color:#3C4353;">界面元素-购物车插件</h3>
    076- <p><br /></p>
    076+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    077- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    077+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    078- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    078+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    079- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    079+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    080- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    080+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    081- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    081+ <td style="border:1px solid #ddd;">关闭购物车插件</td>
    082- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    082+ <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    083- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    083+ <td style="border:1px solid #ddd;">
    084- <td style="border:1px solid #ddd;">
    084+ <p>1.悬停出现字段:关闭购物车插件</p>
    085- <p>1.悬停出现字段:关闭购物车插件</p>
    085+ <p>2.点击图标,关闭购物车插件</p>
    086- <p>2.点击图标,关闭购物车插件</p>
    086+ </td>
    087- </td>
    087+ </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    088- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    088+ <td style="border:1px solid #ddd;">进入购物车页面</td>
    089- <td style="border:1px solid #ddd;">进入购物车页面</td>
    089+ <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    090- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    090+ <td style="border:1px solid #ddd;">1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">购物车</span></a>页面</td>
    091- <td style="border:1px solid #ddd;">1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">购物车</span></a>页面</td>
    091+ </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    092- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    092+ <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    093- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    093+ <td style="border:1px solid #ddd;">
    094- <td style="border:1px solid #ddd;">
    094+ <p>纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额</p>
    095- <p>纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额</p>
    095+ <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    096- <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    096+ </td>
    097- </td>
    097+ <td style="border:1px solid #ddd;">
    098- <td style="border:1px solid #ddd;">
    098+ <p><br /></p>
    099- <p><br /></p>
    099+ <p>1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener"><img src="{3405.png}" alt="" /></a>按钮,点击删除产品</p>
    100- <p>1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener"><img src="{3405.png}" alt="" /></a>按钮,点击删除产品</p>
    100+ <p>2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener"><img src="{3406.png}" alt="" /></a>点击+/-,更改产品数量,小计金额更改</p>
    101- <p>2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener"><img src="{3406.png}" alt="" /></a>点击+/-,更改产品数量,小计金额更改</p>
    101+ <p>3.点击产品图片,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></p>
    102- <p>3.点击产品图片,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></p>
    102+ <p><br /></p>
    103- <p><br /></p>
    103+ </td>
    104- </td>
    104+ </tr></tbody></table><p><br /></p>
    105- </tr></tbody></table><p><br /></p>
    105+ <p><br /></p>
    112- <p><br /></p>
  12. 2021-04-14 11:06:50, 由 kyxia 变更。
    修改了 版本号,旧值为 "11",新值为 "12"。
    修改了 描述 ,区别为:
    003- 2.快速浏览产品
    003+ 2.将抗疫产品加入购物车
    004- 3.将抗疫产品加入购物车
    004+ 3.将抗疫产品加入愿望清单
    005- 4.进入产品详情页面
    005+ 4.进入产品详情页
    007-
    007+
    021- 1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段
    021+ 1.鼠标悬停至产品,出现阴影框
    024- 快速浏览
    024+ 阴影框
    025- 进入快速浏览页面
    025+ 将产品加入购物车
    026- 字段:快速浏览
    026+
    027- 1.点击快速浏览,显示快速浏览框
    027+ 按钮:<a href="/zentao/file-read-3462.png" target="_blank" rel="noreferrer noopener">
    028-
    028+
    029- 界面元素-快速浏览
    029+
    030- 名称
    030+ 1.点击按钮,直接加入购物车,弹出提示文本已加入购物车,点击提示文本购物车字段,进入<a href="/zentao/story-change-1121.html" target="_blank" rel="noreferrer noopener">购物车页面
    031- 用途
    031+
    032- 显示
    032+ 阴影框
    033- 交互
    033+ 将产品加入愿望清单
    034- 产品信息
    034+ 图标:<a href="/zentao/file-read-3463.png" target="_blank" rel="noreferrer noopener">
    035- 展示产品信息
    035+
    036-
    036+ 1.未登入账号时,点击图标,进入<a href="/zentao/story-view-1029.html" target="_blank" rel="noreferrer noopener">登入页面。
    037- 产品名称,例:都市汉方-至尊虫草300粒
    037+ 2.已登入账号时,点击图标,进入<a href="/zentao/story-view-1122.html" target="_blank" rel="noreferrer noopener">我的愿望清单页面并弹出提示文本,点击提示中的字段Here进入首页页面
    038- 产品价格,例:HK$1200.00
    038+
    039- 库存单位:例:LM00001产品图片多张
    039+
    040-
    040+
    041- 1.点击,圆点底色变量并更换产品图片
    042- 数量
    043- 填写购买数量
    044-
    045- 输入框,默认为1
    046- 产品无库存时,不显示
    047-
    048-
    049- 1.鼠标悬停至输入框,点击上下,增加/减少购买数量,最少为1
    050- 2.输入购买数量
    051-
    052- 新增到购物车中
    053- 将产品加入购物车
    054-
    055- 【新增到购物车中】按钮
    056- 产品有库存时,显示
    057-
    058- 1.点击按钮,产品加入至购物车右侧并出现购物车插件页面
    059- 无库存
    060- 告知用户无库存
    061-
    062- 字段:无库存,灰色底框
    063- 产品无库存时,显示
    064-
    065-
    066- 浏览更多详细资料
    067- 查看指定产品详细资料
    068- 字段:浏览更多详细资料
    069- 1.点击字段,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    070-
    071- 关闭快速浏览框
    072- 图标:
    073- 1.点击图标,关闭浏览框
    074-
    075- 界面元素-购物车插件
    076- 名称
    077- 用途
    078- 显示
    079- 交互
    080-
    081- 关闭购物车插件
    082- 图标:
    083-
    084- 1.悬停出现字段:关闭购物车插件
    085- 2.点击图标,关闭购物车插件
    086-
    087- 浏览购物车
    088- 进入购物车页面
    089- 【浏览购物车】按钮
    090- 1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener">购物车页面
    091- 购物车产品列表
    092- 展示购物车内的产品
    093-
    094- 纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额
    095- 当购物车没有产品,列表显示字段:购物车是空的
    096-
    097-
    098-
    099- 1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener">按钮,点击删除产品
    100- 2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener">点击+/-,更改产品数量,小计金额更改
    101- 3.点击产品图片,进入<a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener">产品详情页面
    102-
    103-
    104-
    105-
    106-
    107-
    108-
    109-
    110-
    111-
    003- <p>2.快速浏览产品</p>
    003+ <p>2.将抗疫产品加入购物车</p>
    004- <p>3.将抗疫产品加入购物车</p>
    004+ <p>3.将抗疫产品加入愿望清单</p>
    005- <p>4.进入产品详情页面</p>
    005+ <p>4.进入产品详情页</p>
    007- <p><img src="{3394.png}" alt="" /><img src="{3395.png}" alt="" /><img src="{3397.png}" alt="" /><img src="{3399.png}" alt="" /></p>
    007+ <p><img src="{3394.png}" alt="" /><img src="{3518.png}" alt="" /></p>
    021- <p>1.鼠标悬停至产品,图片内容更换为产品详情并有快速浏览字段</p>
    021+ <p>1.鼠标悬停至产品,出现阴影框</p>
    024- </tr><tr><td style="border:1px solid #ddd;">快速浏览</td>
    024+ </tr><tr><td style="border:1px solid #ddd;"><span>阴影框</span><br /></td>
    025- <td style="border:1px solid #ddd;">进入快速浏览页面</td>
    025+ <td style="border:1px solid #ddd;"><span>将产品加入购物车</span><br /></td>
    026- <td style="border:1px solid #ddd;">字段:快速浏览</td>
    026+ <td style="border:1px solid #ddd;">
    027- <td style="border:1px solid #ddd;">1.点击快速浏览,显示快速浏览框</td>
    027+ <p>按钮:<a href="/zentao/file-read-3462.png" target="_blank" rel="noreferrer noopener"><img src="{3462.png}" alt="" /></a></p>
    028- </tr></tbody></table><h3 style="color:#3C4353;"><br /></h3>
    028+ </td>
    029- <h3 style="color:#3C4353;">界面元素-快速浏览</h3>
    029+ <td style="border:1px solid #ddd;">
    030- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    030+ <p>1.点击按钮,直接加入购物车,弹出提示文本已加入购物车,点击提示文本购物车字段,进入<a href="/zentao/story-change-1121.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">购物车</span></a>页面</p>
    031- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    031+ </td>
    032- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    032+ </tr><tr><td style="border:1px solid #ddd;"><span></span><span>阴影框</span><br /></td>
    033- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    033+ <td style="border:1px solid #ddd;"><span>将产品加入愿望清单</span><br /></td>
    034- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">产品信息<br /></td>
    034+ <td style="border:1px solid #ddd;"><span>图标:</span><a href="/zentao/file-read-3463.png" target="_blank" rel="noreferrer noopener"><img src="{3463.png}" alt="" /></a><br /></td>
    035- <td style="border:1px solid #ddd;">展示产品信息</td>
    035+ <td style="border:1px solid #ddd;">
    036- <td style="border:1px solid #ddd;">
    036+ <p>1.未登入账号时,点击图标,进入<a href="/zentao/story-view-1029.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">登入</span></a>页面。</p>
    037- <p>产品名称,例:都市汉方-至尊虫草300粒</p>
    037+ <p>2.已登入账号时,点击图标,进入<a href="/zentao/story-view-1122.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">我的愿望清单</span></a>页面并弹出提示文本,点击提示中的字段Here进入首页页面</p>
    038- <p>产品价格,例:HK$1200.00</p>
    038+ <div><br /></div>
    039- <p>库存单位:例:LM00001<br />产品图片多张</p>
    039+ </td>
    040- </td>
    040+ </tr></tbody></table>
    041- <td style="border:1px solid #ddd;">1.点击<img src="{3401.png}" alt="" />,圆点底色变量并更换产品图片</td>
    042- </tr><tr><td style="border:1px solid #ddd;">数量</td>
    043- <td style="border:1px solid #ddd;">填写购买数量</td>
    044- <td style="border:1px solid #ddd;">
    045- <p>输入框,默认为1</p>
    046- <p>产品无库存时,不显示</p>
    047- </td>
    048- <td style="border:1px solid #ddd;">
    049- <p>1.鼠标悬停至输入框,<img src="{3402.png}" alt="" />点击上下,增加/减少购买数量,最少为1</p>
    050- <p>2.输入购买数量</p>
    051- </td>
    052- </tr><tr><td style="border:1px solid #ddd;">新增到购物车中</td>
    053- <td style="border:1px solid #ddd;">将产品加入购物车</td>
    054- <td style="border:1px solid #ddd;">
    055- <p>【新增到购物车中】按钮</p>
    056- <p><span>产品有库存时,显示</span></p>
    057- </td>
    058- <td style="border:1px solid #ddd;">1.点击按钮,产品加入至购物车右侧并出现购物车插件页面</td>
    059- </tr><tr><td style="border:1px solid #ddd;">无库存</td>
    060- <td style="border:1px solid #ddd;">告知用户无库存</td>
    061- <td style="border:1px solid #ddd;">
    062- <p>字段:无库存,灰色底框</p>
    063- <p>产品无库存时,显示</p>
    064- </td>
    065- <td style="border:1px solid #ddd;">无</td>
    066- </tr><tr><td style="border:1px solid #DDD;">浏览更多详细资料</td>
    067- <td style="border:1px solid #DDD;">查看指定产品详细资料</td>
    068- <td style="border:1px solid #DDD;">字段:浏览更多详细资料</td>
    069- <td style="border:1px solid #DDD;">1.点击字段,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></td>
    070- </tr><tr><td style="border:1px solid #ddd;"><img src="{3422.png}" alt="" /><br /></td>
    071- <td style="border:1px solid #ddd;"><span>关闭快速浏览框</span><br /></td>
    072- <td style="border:1px solid #ddd;">图标:<img src="{3422.png}" alt="" /><br /></td>
    073- <td style="border:1px solid #ddd;"><span>1.点击图标,关闭浏览框</span><br /></td>
    074- </tr></tbody></table><h3 style="color:#3C4353;"><br /></h3>
    075- <h3 style="color:#3C4353;">界面元素-购物车插件</h3>
    076- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    077- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    078- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    079- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    080- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><img src="{3404.png}" alt="" /><br /></td>
    081- <td style="border:1px solid #ddd;">关闭购物车插件</td>
    082- <td style="border:1px solid #ddd;">图标:<img src="{3404.png}" alt="" /></td>
    083- <td style="border:1px solid #ddd;">
    084- <p>1.悬停出现字段:关闭购物车插件</p>
    085- <p>2.点击图标,关闭购物车插件</p>
    086- </td>
    087- </tr><tr><td style="border:1px solid #ddd;">浏览购物车</td>
    088- <td style="border:1px solid #ddd;">进入购物车页面</td>
    089- <td style="border:1px solid #ddd;">【浏览购物车】按钮</td>
    090- <td style="border:1px solid #ddd;">1.点击按钮,进入<a href="/zentao/story-view-1121.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">购物车</span></a>页面</td>
    091- </tr><tr><td style="border:1px solid #ddd;">购物车产品列表</td>
    092- <td style="border:1px solid #ddd;">展示购物车内的产品</td>
    093- <td style="border:1px solid #ddd;">
    094- <p>纵向排列,展示产品图片,名称,价格,数量(至少为1),小计金额</p>
    095- <p><span>当购物车没有产品,列表显示字段:购物车是空的</span></p>
    096- </td>
    097- <td style="border:1px solid #ddd;">
    098- <p><br /></p>
    099- <p>1.鼠标悬停至产品,出现<a href="/zentao/file-read-3405.png" target="_blank" rel="noreferrer noopener"><img src="{3405.png}" alt="" /></a>按钮,点击删除产品</p>
    100- <p>2.<a href="/zentao/file-read-3406.png" target="_blank" rel="noreferrer noopener"><img src="{3406.png}" alt="" /></a>点击+/-,更改产品数量,小计金额更改</p>
    101- <p>3.点击产品图片,<span>进入</span><a href="/zentao/story-view-1027.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">产品详情</span></a><span>页面</span></p>
    102- <p><br /></p>
    103- </td>
    104- </tr></tbody></table><p><br /></p>
    105- <p><br /></p>
    106- <p><br /></p>
    107- <p><br /></p>
    108- <p><br /></p>
    109- <p><br /></p>
    110- <p><br /></p>
    111- <p><br /></p>
  13. 2021-04-16 15:26:58, 由 李成发 记录评审意见,评审意见为 确认通过
  14. 2021-04-16 15:43:47, 由 kyxia 关联到项目 康而健网上商城1.0
所属产品 康而健网上商城客户端
所属%s
所属模块 产品系列
所属计划
来源
来源备注
当前状态 激活
所处阶段 主干 : 已立项
类型 功能
优先级 3
预计故事点 0sp
关键词
抄送给
由谁创建 kyxia 于 2021-04-09 12:06:35
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改 李成发 于 2021-04-16 15:26:58
相关Bug
相关用例
相关合并请求