001-
001+ 功能描述
002+ 1.查看可以兑换的礼券
003+ 2.礼券排序
004+ 3.查看礼券
005+
006+ 界面
007+ <img src="/zentao/file-read-7828.png" alt="" />
008+
009+
010+ 界面元素
011+
012+ 名称
013+ 用途
014+ 显示
015+ 交互
016+ 上一页
017+ 返回上一页
018+ 图标：<img src="/zentao/file-read-7829.png" alt="" />
019+ 1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页】
020+ 标题
021+ 展示
022+ 积分换券
023+ 无
024+ 排序
025+ 排序礼券列表
026+ 待定
027+
028+ 礼券列表
029+ 展示
030+
031+ 1.每行左右显示礼券，依次向下排列
032+ 2.礼券：
033+ 封面
034+ 礼券名称
035+ EXP（有效日期）
036+ 积分
037+
038+ 1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情】页面
039+
040+
041+ 无网络连接的页面显示
042+ 显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener">网络错误】页面
043+
044+

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;"><span style="font-size:16px;font-weight:700;"><br /></span></p>
006+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;">界面</span></p>
007+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"><img src="/zentao/file-read-7828.png" alt="" /></span></p>
008+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"><br /></span></p>
009+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"></span></p>
010+ <h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
011+ <p>
012+ </p><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>
014+ <th style="background-color:#F1F1F1;">显示</th>
015+ <th style="background-color:#F1F1F1;">交互</th>
016+ </tr><tr><td style="border:1px solid #ddd;">上一页</td>
017+ <td style="border:1px solid #ddd;">返回上一页</td>
018+ <td style="border:1px solid #ddd;">图标：<img src="/zentao/file-read-7829.png" alt="" /></td>
019+ <td style="border:1px solid #ddd;">1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页</a>】</td>
020+ </tr><tr><td style="border:1px solid #ddd;">标题</td>
021+ <td style="border:1px solid #ddd;">展示</td>
022+ <td style="border:1px solid #ddd;">积分换券</td>
023+ <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>
026+ <td style="border:1px solid #ddd;">待定</td>
027+ <td style="border:1px solid #ddd;"><br /></td>
028+ </tr><tr><td style="border:1px solid #ddd;">礼券列表</td>
029+ <td style="border:1px solid #ddd;">展示</td>
030+ <td style="border:1px solid #ddd;">
031+ <p style="font-size:14px;background-color:#FFFFFF;">1.每行左右显示礼券，依次向下排列</p>
032+ <p style="font-size:14px;background-color:#FFFFFF;">2.礼券：</p>
033+ <p style="font-size:14px;background-color:#FFFFFF;">封面</p>
034+ <p style="font-size:14px;background-color:#FFFFFF;">礼券名称</p>
035+ <p style="font-size:14px;background-color:#FFFFFF;">EXP（有效日期）</p>
036+ <p style="font-size:14px;background-color:#FFFFFF;">积分<span style="font-size:13px;"></span></p>
037+ </td>
038+ <td style="border:1px solid #ddd;">1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情</a>】页面</td>
039+ </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"><br /></span>
040+ <p><span style="font-size:14px;background-color:#FFFFFF;"></span></p>
041+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
042+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">网络错误</span></a>】页面</p>
043+ <br /><p><br /></p>
044+ <br /><p><br /></p>

007-
007+ <img src="/zentao/file-read-7828.png" alt="" />
011-
011+
012- 名称
012+ 名称
013- 用途
013+ 用途
014- 显示
014+ 显示
015- 交互
015+ 交互
016- 上一页
016+ 上一页
017- 返回上一页
017+ 返回上一页
018- 图标：
018+ 图标：<img src="/zentao/file-read-7829.png" alt="" />
019- 1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页】
019+ 1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页】
020- 标题
020+ 标题
021- 展示
021+ 展示
022- 积分换券
022+ 积分换券
023- 无
023+ 无
024- 排序
024+ 排序
025- 排序礼券列表
025+ 排序礼券列表
026- 待定
026+
027-
027+ 1、下拉选择框，默认显示所需积分
028- 礼券列表
028+ 2、按钮：<img src="https://lh4.googleusercontent.com/guR0hAeqgXqDwN8RRcV-j_pMpP6b2bDjOxHhuV9oipgLH69FNLtJAfaMGGEYaaRLhLynqLuMaHxtLNQfhRhAhyFEipbcqDydXTb3rY2632Mu2ciwfhGlznZvrbccjPOs79lTNJB2BcmrDT8AQ_FZ9v0HfhhWXh1wMmZp03BIacyjs6X-EdZWcXTkogw5dYPAZe0OhA" width="32" height="21" alt="guR0hAeqgXqDwN8RRcV-j_pMpP6b2bDjOxHhuV9oipgLH69FNLtJAfaMGGEYaaRLhLynqLuMaHxtLNQfhRhAhyFEipbcqDydXTb3rY2632Mu2ciwfhGlznZvrbccjPOs79lTNJB2BcmrDT8AQ_FZ9v0HfhhWXh1wMmZp03BIacyjs6X-EdZWcXTkogw5dYPAZe0OhA" />
029- 展示
029+
030-
030+
031- 1.每行左右显示礼券，依次向下排列
031+ 1.点击按钮，展示选项所需积分和有效日期
032- 2.礼券：
032+ 2.选择所需积分，列表按积分从小到大排列
033- 封面
033+ 3.选择有效日期，列表按日期由近及远排列
034- 礼券名称
034+
035- EXP（有效日期）
035+ 礼券列表
036- 积分
036+ 展示
037-
037+
038- 1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情】页面
038+ 1.每行左右显示礼券，依次向下排列
039-
039+ 2.礼券：
040-
040+ 封面
041- 无网络连接的页面显示
041+ 礼券名称
042- 显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener">网络错误】页面
042+ EXP（有效日期）
043-
043+ 积分
044-
044+
045+ 1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情】页面
046+
047+
048+ 无网络连接的页面显示
049+ 显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener">网络错误】页面
050+
051+

007- <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"><img src="{7828.png}" alt="" /></span></p>
007+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"><img src="/zentao/file-read-7828.png" alt="" /></span></p>
011- <p>
011+ <p><br /></p>
012- </p><table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><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- <th style="background-color:#F1F1F1;">显示</th>
014+ <th style="background-color:#F1F1F1;">显示</th>
015- <th style="background-color:#F1F1F1;">交互</th>
015+ <th style="background-color:#F1F1F1;">交互</th>
016- </tr><tr><td style="border:1px solid #ddd;">上一页</td>
016+ </tr><tr><td style="border:1px solid #ddd;">上一页</td>
017- <td style="border:1px solid #ddd;">返回上一页</td>
017+ <td style="border:1px solid #ddd;">返回上一页</td>
018- <td style="border:1px solid #ddd;">图标：<img src="{7829.png}" alt="" /></td>
018+ <td style="border:1px solid #ddd;">图标：<img src="/zentao/file-read-7829.png" alt="" /></td>
019- <td style="border:1px solid #ddd;">1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页</a>】</td>
019+ <td style="border:1px solid #ddd;">1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页</a>】</td>
020- </tr><tr><td style="border:1px solid #ddd;">标题</td>
020+ </tr><tr><td style="border:1px solid #ddd;">标题</td>
021- <td style="border:1px solid #ddd;">展示</td>
021+ <td style="border:1px solid #ddd;">展示</td>
022- <td style="border:1px solid #ddd;">积分换券</td>
022+ <td style="border:1px solid #ddd;">积分换券</td>
023- <td style="border:1px solid #ddd;">无</td>
023+ <td style="border:1px solid #ddd;">无</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;">
027- <td style="border:1px solid #ddd;"><br /></td>
027+ <p>1、下拉选择框，默认显示所需积分</p>
028- </tr><tr><td style="border:1px solid #ddd;">礼券列表</td>
028+ <p>2、按钮：<span><span style="font-size:10.5pt;font-family:Calibri, sans-serif;color:#000000;vertical-align:baseline;"><span><img src="https://lh4.googleusercontent.com/guR0hAeqgXqDwN8RRcV-j_pMpP6b2bDjOxHhuV9oipgLH69FNLtJAfaMGGEYaaRLhLynqLuMaHxtLNQfhRhAhyFEipbcqDydXTb3rY2632Mu2ciwfhGlznZvrbccjPOs79lTNJB2BcmrDT8AQ_FZ9v0HfhhWXh1wMmZp03BIacyjs6X-EdZWcXTkogw5dYPAZe0OhA" width="32" height="21" alt="guR0hAeqgXqDwN8RRcV-j_pMpP6b2bDjOxHhuV9oipgLH69FNLtJAfaMGGEYaaRLhLynqLuMaHxtLNQfhRhAhyFEipbcqDydXTb3rY2632Mu2ciwfhGlznZvrbccjPOs79lTNJB2BcmrDT8AQ_FZ9v0HfhhWXh1wMmZp03BIacyjs6X-EdZWcXTkogw5dYPAZe0OhA" /></span></span></span></p>
029- <td style="border:1px solid #ddd;">展示</td>
029+ </td>
030- <td style="border:1px solid #ddd;">
030+ <td style="border:1px solid #ddd;">
031- <p style="font-size:14px;background-color:#FFFFFF;">1.每行左右显示礼券，依次向下排列</p>
031+ <p>1.点击按钮，展示选项所需积分和有效日期</p>
032- <p style="font-size:14px;background-color:#FFFFFF;">2.礼券：</p>
032+ <p>2.选择所需积分，列表按积分从小到大排列</p>
033- <p style="font-size:14px;background-color:#FFFFFF;">封面</p>
033+ <p>3.选择有效日期，列表按日期由近及远排列</p>
034- <p style="font-size:14px;background-color:#FFFFFF;">礼券名称</p>
034+ </td>
035- <p style="font-size:14px;background-color:#FFFFFF;">EXP（有效日期）</p>
035+ </tr><tr><td style="border:1px solid #ddd;">礼券列表</td>
036- <p style="font-size:14px;background-color:#FFFFFF;">积分<span style="font-size:13px;"></span></p>
036+ <td style="border:1px solid #ddd;">展示</td>
037- </td>
037+ <td style="border:1px solid #ddd;">
038- <td style="border:1px solid #ddd;">1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情</a>】页面</td>
038+ <p style="font-size:14px;background-color:#FFFFFF;">1.每行左右显示礼券，依次向下排列</p>
039- </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"><br /></span>
039+ <p style="font-size:14px;background-color:#FFFFFF;">2.礼券：</p>
040- <p><span style="font-size:14px;background-color:#FFFFFF;"></span></p>
040+ <p style="font-size:14px;background-color:#FFFFFF;">封面</p>
041- <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
041+ <p style="font-size:14px;background-color:#FFFFFF;">礼券名称</p>
042- <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">网络错误</span></a>】页面</p>
042+ <p style="font-size:14px;background-color:#FFFFFF;">EXP（有效日期）</p>
043- <br /><p><br /></p>
043+ <p style="font-size:14px;background-color:#FFFFFF;">积分</p>
044- <br /><p><br /></p>
044+ </td>
045+ <td style="border:1px solid #ddd;">1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情</a>】页面</td>
046+ </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"><br /></span>
047+ <p><span style="font-size:14px;background-color:#FFFFFF;"></span></p>
048+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
049+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">网络错误</span></a>】页面</p>
050+ <br /><p><br /></p>
051+ <br /><p><br /></p>

007-
007+ <img src="/zentao/file-read-7975.png" alt="" />
016- 上一页
016+ &lt;
018- 图标：
018+ 图标：&lt;
019- 1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页】
019+ 1.点击按钮，返回上一页
033- 3.选择有效日期，列表按日期由近及远排列
033+ 3.选择有效日期，列表按倒序排列
040- 封面
040+ 兑换日期尚余x天（剩余几天才会显示待定）
041- 礼券名称
041+ 封面
042- EXP（有效日期）
042+ 礼券名称
043- 积分
043+ 到期日：指使用礼券到期日，不是兑换礼券的到期日
044-
044+ 积分
045- 1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情】页面
045+
046-
046+ 无
047-
047+ 兑换
048- 无网络连接的页面显示
048+ 进入礼券详情
049- 显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener">网络错误】页面
049+ 按钮【兑换】
050-
050+ 1.点击按钮，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情】页面
051-
051+
052+
053+ 无网络连接的页面显示
054+ 显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener">网络错误】页面
055+
056+

007- <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;font-weight:700;"><img src="{7828.png}" alt="" /></span></p>
007+ <p style="font-size:14px;background-color:#FFFFFF;"><img src="/zentao/file-read-7975.png" alt="" /></p>
016- </tr><tr><td style="border:1px solid #ddd;">上一页</td>
016+ </tr><tr><td style="border:1px solid #ddd;">&lt;</td>
018- <td style="border:1px solid #ddd;">图标：<img src="{7829.png}" alt="" /></td>
018+ <td style="border:1px solid #ddd;">图标：&lt;</td>
019- <td style="border:1px solid #ddd;">1.点击按钮，返回【<a href="/zentao/story-view-1381.html" target="_blank" rel="noreferrer noopener">首页</a>】</td>
019+ <td style="border:1px solid #ddd;">1.点击按钮，返回上一页</td>
033- <p>3.选择有效日期，列表按日期由近及远排列</p>
033+ <p>3.选择有效日期，列表按倒序排列</p>
040- <p style="font-size:14px;background-color:#FFFFFF;">封面</p>
040+ <p style="font-size:14px;background-color:#FFFFFF;">兑换日期尚余x天（剩余几天才会显示待定）</p>
041- <p style="font-size:14px;background-color:#FFFFFF;">礼券名称</p>
041+ <p style="font-size:14px;background-color:#FFFFFF;">封面</p>
042- <p style="font-size:14px;background-color:#FFFFFF;">EXP（有效日期）</p>
042+ <p style="font-size:14px;background-color:#FFFFFF;">礼券名称</p>
043- <p style="font-size:14px;background-color:#FFFFFF;">积分</p>
043+ <p style="font-size:14px;background-color:#FFFFFF;">到期日：指使用礼券到期日，不是兑换礼券的到期日</p>
044- </td>
044+ <p style="font-size:14px;background-color:#FFFFFF;">积分</p>
045- <td style="border:1px solid #ddd;">1.点击礼券，进入【<a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情</a>】页面</td>
045+ </td>
046- </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"><br /></span>
046+ <td style="border:1px solid #ddd;">无</td>
047- <p><span style="font-size:14px;background-color:#FFFFFF;"></span></p>
047+ </tr><tr><td style="border:1px solid #ddd;">兑换</td>
048- <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
048+ <td style="border:1px solid #ddd;">进入礼券详情</td>
049- <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">网络错误</span></a>】页面</p>
049+ <td style="border:1px solid #ddd;">按钮【兑换】</td>
050- <br /><p><br /></p>
050+ <td style="border:1px solid #ddd;"><span>1.点击按钮，进入【</span><a href="/zentao/story-view-1855.html" target="_blank" rel="noreferrer noopener">积分换券详情</a><span>】页面</span><br /></td>
051- <br /><p><br /></p>
051+ </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"><br /></span>
052+ <p><span style="font-size:14px;background-color:#FFFFFF;"></span></p>
053+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
054+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1514.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">网络错误</span></a>】页面</p>
055+ <br /><p><br /></p>
056+ <br /><p><br /></p>

007-
007+ <img src="/zentao/file-read-7975.png" alt="" />
012- 名称
012+ 名称
031- 1.点击按钮，展示选项所需积分和有效日期
031+ 1.点击按钮，展示选项所需积分和换券日期
033- 3.选择有效日期，列表按倒序排列
033+ 3.选择换券日期，列表按倒序排列
040- 兑换日期尚余x天（剩余几天才会显示待定）
040+ 兑换日期尚余x天（剩余9天开始提示）

007- <p style="font-size:14px;background-color:#FFFFFF;"><img src="{7975.png}" alt="" /></p>
007+ <p style="font-size:14px;background-color:#FFFFFF;"><img src="/zentao/file-read-7975.png" alt="" /></p>
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>
012+ <table class="table table-kindeditor ke-select-col" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
031- <p>1.点击按钮，展示选项所需积分和有效日期</p>
031+ <p>1.点击按钮，展示选项所需积分和换券日期</p>
033- <p>3.选择有效日期，列表按倒序排列</p>
033+ <p>3.选择换券日期，列表按倒序排列</p>
040- <p style="font-size:14px;background-color:#FFFFFF;">兑换日期尚余x天（剩余几天才会显示待定）</p>
040+ <p style="font-size:14px;background-color:#FFFFFF;">兑换日期尚余x天（剩余9天开始提示）</p>

007-
007+ <img src="/zentao/file-read-7975.png" alt="" />
012- 名称
012+ 名称
032- 2.选择所需积分，列表按积分从小到大排列
032+ 2.选择所需积分，分为由低至高、由高至低两项
033- 3.选择换券日期，列表按倒序排列
033+ 3.选择换券日期，分为由近至远、由远至近两项

007- <p style="font-size:14px;background-color:#FFFFFF;"><img src="{7975.png}" alt="" /></p>
007+ <p style="font-size:14px;background-color:#FFFFFF;"><img src="/zentao/file-read-7975.png" alt="" /></p>
012- <table class="table table-kindeditor ke-select-col" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><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>
032- <p>2.选择所需积分，列表按积分从小到大排列</p>
032+ <p>2.选择所需积分，分为由低至高、由高至低两项</p>
033- <p>3.选择换券日期，列表按倒序排列</p>
033+ <p>3.选择换券日期，分为由近至远、由远至近两项</p>