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