功能描述
1.提醒用户长按杯身按键2秒
界面
界面元素
提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定
倒计时:20s
当用户在倒计时间内完成长按2s则进入【连接网络-选择网络(2)】页面
当用户超时仍未长按2s则返回【扫描设备】页面
无网络连接的页面显示
显示【网络错误】页面
1.提醒用户长按杯身按键2秒
提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定
倒计时:20s
当用户在倒计时间内完成长按2s则进入【连接网络-选择网络(2)】页面
当用户超时仍未长按2s则返回【扫描设备】页面
显示【网络错误】页面
001-
001+ 功能描述
002+ 1.提醒用户长按杯身按键2秒
003+ 界面
004+ <img src="/zentao/file-read-6370.png" alt="" />
005+
006+ 界面元素
007+ 提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定
008+ 倒计时:20s当用户在倒计时间内完成长按2s则进入【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接网络-选择网络(2)】页面
009+ 当用户超时仍未长按2s则返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】页面
010+ 无网络连接的页面显示
011+ 显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】页面
001-
001+ <h3 style="color:#3C4353;background-color:#FFFFFF;">功能描述</h3>
002+ <p style="font-size:14px;background-color:#FFFFFF;">1.提醒用户长按杯身按键2秒</p>
003+ <h3 style="color:#3C4353;background-color:#FFFFFF;">界面</h3>
004+ <p><img src="/zentao/file-read-6370.png" alt="" /></p>
005+ <p style="font-size:14px;background-color:#FFFFFF;"><br /></p>
006+ <h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
007+ <p style="font-size:14px;background-color:#FFFFFF;">提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定</p>
008+ <p style="font-size:14px;background-color:#FFFFFF;">倒计时:20s<br />当用户在倒计时间内完成长按2s则进入【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">连接网络-选择网络(2)</span></a>】页面</p>
009+ <p style="font-size:14px;background-color:#FFFFFF;">当用户超时仍未长按2s则返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a>】页面</p>
010+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
011+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】</a>页面</p>
001-功能描述
001+ 功能描述
002-1.提醒用户长按杯身按键2秒
002+
003-界面
003+ 1.查看连接设备进度
004-
004+ 2.设备自动连接正常网络
005-
005+ 3.手动设置设备连接正常网络
006-界面元素
006+
007-提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定
007+ 界面
008-倒计时:20s当用户在倒计时间内完成长按2s则进入【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接网络-选择网络(2)】页面
008+ <img src="/zentao/file-read-6372.png" alt="" />
009-当用户超时仍未长按2s则返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】页面
009+ <img src="/zentao/file-read-6373.png" alt="" />
010-无网络连接的页面显示
010+
011-显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】页面
011+
012+ 界面元素-连接设备进度
013+ 名称
014+ 用途
015+ 显示
016+ 交互
017+ <
018+ 返回上一页
019+ 【<】
020+
021+ 1.点击按钮,弹出提示框
022+ 提示框文本:退出将中断与设备的连接
023+ 【取消】按钮,取消返回
024+ 【确认】按钮,确认返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】
025+
026+ 页面标题
027+ 展示
028+ 文本,例:配网
029+ 无
030+ 连接进度
031+ 展示连接设备进度
032+
033+ 图标<img src="/zentao/file-read-6374.png" alt="" width="90" height="50" title="" />,<img src="/zentao/file-read-6375.png" alt="" width="50" height="50" title="" />,<img src="/zentao/file-read-6376.png" alt="" width="37" height="50" title="" />,<img src="/zentao/file-read-6377.png" alt="" width="40" height="50" title="" /><img src="/zentao/file-read-6379.png" alt="" width="38" height="50" title="" />
034+ 倒计时s,例60秒
035+
036+ 连接设备进度提示文本,例:正在发送WiFi信息给水杯…
037+ 页面提示文本:将手机靠近水杯,需要稳定的网络连接。
038+
039+
040+ 1.图标1根据连接设备进度,同步更新由<img src="/zentao/file-read-6380.png" alt="" />由中间红色圆点动态展示. .. ...
041+ 2.倒计时根据连接设备进度,进行数字更新由60秒-50秒-30秒-20秒-10秒-0秒
042+ 3.连接设备进度提示文本,根据倒计时更新进行同步更新:
043+ 正在发送WiFi信息给水杯… - 60秒
044+ 正在发送WiFi信息给水杯…- 50秒
045+ 水杯正在连接WiFi…-30秒,20秒,10秒,0秒
046+
047+
048+ 页面元素-连接网络(成功)
049+ 名称
050+ 用途
051+ 显示
052+ 交互
053+ 水杯图片
054+ 展示
055+ 图片
056+ 无
057+ <img src="/zentao/file-read-6381.png" alt="" width="20" height="20" title="" />
058+ 展示连接正常网络成功
059+ 图标
060+ 无
061+ 连接成功
062+ 展示连接正常网络成功
063+ 文本:连接成功
064+ 1.连接成功进入【<a href="/zentao/story-view-1620.html" target="_blank" rel="noreferrer noopener">我的设备】
065+
066+ 页面元素-连接网络(不成功)
067+ 名称
068+ 用途
069+ 显示
070+ 交互
071+ <
072+ 返回上一页
073+ 【<】
074+ 1.点击按钮,返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】
075+ 水杯图片
076+ 展示
077+ 图片
078+ 无
079+ <a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-3779.png" alt="" />
080+ 展示连接正常网络不成功
081+ 图标
082+ 无
083+ 网络连接失败
084+ 展示连接正常网络不成功
085+ 文本:连接失败
086+ 无
087+ 重试
088+ 重新连接正常网络
089+ 【重试】按钮
090+ 1.点击按钮,重新连接网络
091+
092+ <a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">
093+ 无网络连接的页面显示
094+ 显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】页面
001-<h3 style="color:#3C4353;background-color:#FFFFFF;">功能描述</h3>
001+ <h3 style="color:#3C4353;background-color:#FFFFFF;"><span style="color:inherit;">功能描述</span></h3>
002-<p style="font-size:14px;background-color:#FFFFFF;">1.提醒用户长按杯身按键2秒</p>
002+ <h3 style="color:#3C4353;background-color:#FFFFFF;">
003-<h3 style="color:#3C4353;background-color:#FFFFFF;">界面</h3>
003+ </h3><p>1.查看连接设备进度</p>
004-<p><img src="{6370.png}" alt="" /></p>
004+ <p>2.设备自动连接正常网络</p>
005-<p style="font-size:14px;background-color:#FFFFFF;"><br /></p>
005+ <p>3.手动设置设备连接正常网络</p>
006-<h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
006+
007-<p style="font-size:14px;background-color:#FFFFFF;">提示文本:水杯蓝色灯光亮起后,长按杯身按键2秒完成绑定</p>
007+ <h3>界面</h3>
008-<p style="font-size:14px;background-color:#FFFFFF;">倒计时:20s<br />当用户在倒计时间内完成长按2s则进入【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">连接网络-选择网络(2)</span></a>】页面</p>
008+ <p><img src="/zentao/file-read-6372.png" alt="" /></p>
009-<p style="font-size:14px;background-color:#FFFFFF;">当用户超时仍未长按2s则返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a>】页面</p>
009+ <p><img src="/zentao/file-read-6373.png" alt="" /></p>
010-<h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
010+ <p><br /></p>
011-<p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】</a>页面</p>
011+ <p><br /></p>
012+ <h3>界面元素-连接设备进度</h3>
013+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
014+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
015+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
016+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
017+ </tr></tbody><tbody><tr><td><span style="font-size:16px;"><</span></td>
018+ <td><span style="font-size:16px;">返回上一页</span></td>
019+ <td><span style="font-size:16px;">【<】</span></td>
020+ <td>
021+ <p><span style="font-size:16px;">1.点击按钮,弹出提示框</span></p>
022+ <p><span style="font-size:16px;">提示框文本:退出将中断与设备的连接</span></p>
023+ <p><span style="font-size:16px;">【取消】按钮,取消返回</span></p>
024+ <p><span style="font-size:16px;">【确认】按钮,确认返回</span><span style="font-size:14px;background-color:#FFFFFF;">【</span><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a><span style="font-size:14px;background-color:#FFFFFF;">】</span></p>
025+ </td>
026+ </tr><tr><td><span style="font-size:16px;">页面标题</span><br /></td>
027+ <td><span style="font-size:16px;">展示</span></td>
028+ <td><span style="font-size:16px;">文本,例:配网</span></td>
029+ <td><span style="font-size:16px;">无</span></td>
030+ </tr><tr><td><span style="font-size:16px;">连接进度</span></td>
031+ <td><span style="font-size:16px;">展示连接设备进度</span></td>
032+ <td>
033+ <p><span style="font-size:16px;">图标<img src="/zentao/file-read-6374.png" alt="" width="90" height="50" title="" />,<img src="/zentao/file-read-6375.png" alt="" width="50" height="50" title="" />,<img src="/zentao/file-read-6376.png" alt="" width="37" height="50" title="" />,<img src="/zentao/file-read-6377.png" alt="" width="40" height="50" title="" /><img src="/zentao/file-read-6379.png" alt="" width="38" height="50" title="" /></span></p>
034+ <p><span style="font-size:16px;">倒计时s,例60秒</span></p>
035+ <p><span style="font-size:16px;"></span></p>
036+ <p><span style="font-size:16px;">连接设备进度提示文本,例:正在发送WiFi信息给水杯…</span></p>
037+ <p><span style="font-size:16px;">页面提示文本:将手机靠近水杯,需要稳定的网络连接。</span></p>
038+ </td>
039+ <td>
040+ <p><span style="font-size:16px;">1.图标1根据连接设备进度,同步更新<span></span><span>由</span><img src="/zentao/file-read-6380.png" alt="" />由</span><span style="font-size:16px;">中间红色圆点动态展示. .. ...</span></p>
041+ <p><span style="font-size:16px;">2.倒计时根据连接设备进度,进行数字更新由60秒-50秒-30秒-20秒-10秒-0秒</span></p>
042+ <p><span style="font-size:16px;">3.连接设备进度提示文本,根据倒计时更新进行同步更新:</span></p>
043+ <p><span style="font-size:16px;">正在发送WiFi信息给水杯… - <span>60秒</span></span></p>
044+ <p><span style="font-size:16px;">正在发送WiFi信息给水杯…- 5<span>0秒</span></span></p>
045+ <p><span style="font-size:16px;">水杯正在连接WiFi…-30秒,20秒,10秒,0秒</span></p>
046+ <p><br /></p>
047+ </td>
048+ </tr></tbody></table><h3><br /></h3><p>页面元素-连接网络(成功)</p>
049+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
050+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
051+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
052+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
053+ </tr></tbody><tbody><tr><td>水杯图片</td>
054+ <td>展示</td>
055+ <td>图片</td>
056+ <td>无</td>
057+ </tr><tr><td><img src="/zentao/file-read-6381.png" alt="" width="20" height="20" title="" /><br /></td>
058+ <td><span style="font-size:16px;">展示连接正常网络成功</span></td>
059+ <td><span style="font-size:16px;">图标</span></td>
060+ <td><span style="font-size:16px;">无</span></td>
061+ </tr><tr><td style="border:1px solid #ddd;">连接成功</td>
062+ <td style="border:1px solid #ddd;"><span>展示连接正常网络成功</span><br /></td>
063+ <td style="border:1px solid #ddd;"><span>文本:</span><span>连接成功</span><br /></td>
064+ <td style="border:1px solid #ddd;">1.连接成功进入【<a href="/zentao/story-view-1620.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">我的设备</span></a>】</td>
065+ </tr></tbody></table><p><br /></p>
066+ <br /><h3><br />页面元素-连接网络(不成功)</h3>
067+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
068+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
069+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
070+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
071+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span><</span><br /></td>
072+ <td style="border:1px solid #ddd;"><span>返回上一页</span><br /></td>
073+ <td style="border:1px solid #ddd;"><span>【<】</span><br /></td>
074+ <td style="border:1px solid #ddd;"><span>1.点击按钮,返回【</span><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a><span>】</span><br /></td>
075+ </tr><tr><td style="border:1px solid #ddd;">水杯图片</td>
076+ <td style="border:1px solid #ddd;">展示</td>
077+ <td style="border:1px solid #ddd;">图片</td>
078+ <td style="border:1px solid #ddd;">无</td>
079+ </tr><tr><td><a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-3779.png" alt="" /></a><br /></td>
080+ <td><span style="font-size:16px;">展示连接正常网络不成功</span></td>
081+ <td><span style="font-size:16px;">图标</span></td>
082+ <td><span style="font-size:16px;">无</span></td>
083+ </tr><tr><td><span style="font-size:16px;">网络连接失败</span><span style="font-size:16px;"></span><br /></td>
084+ <td><span style="font-size:16px;">展示连接正常网络不成功</span><span style="font-size:16px;"></span><br /></td>
085+ <td><span style="font-size:16px;">文本:</span><span style="font-size:16px;">连接失败</span></td>
086+ <td><span style="font-size:16px;">无</span></td>
087+ </tr><tr><td><span style="font-size:16px;">重试</span></td>
088+ <td><span style="font-size:16px;">重新连接正常网络</span></td>
089+ <td><span style="font-size:16px;">【<span>重试</span>】按钮</span></td>
090+ <td><span style="font-size:16px;">1.点击按钮,重新连接网络</span></td>
091+ </tr></tbody></table><p><br /></p>
092+ <p style="font-size:14px;background-color:#FFFFFF;"><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;"></span></a></p>
093+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
094+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】</a>页面</p>
002-
002+
003-1.查看连接设备进度
003+ 1.查看连接设备进度
004-2.设备自动连接正常网络
004+ 界面
005-3.手动设置设备连接正常网络
005+ <img src="/zentao/file-read-6803.png" alt="" />
006-
006+ <img src="/zentao/file-read-6804.png" alt="" />
007-界面
007+
008-
008+
009-
009+ 界面元素-连接设备进度(图1234)
010-
010+
011-
011+ 名称
012-界面元素-连接设备进度
012+ 用途
013-名称
013+ 显示
014-用途
014+ 交互
015-显示
015+ <
016-交互
016+ 返回上一页
017-<
017+ <
018-返回上一页
018+ 1.点击按钮,返回【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接设备-选择网络】
019-【<】
019+ 连接设备进度
020-
020+ 动态显示
021-1.点击按钮,弹出提示框
021+ 动态显示+秒速倒计时提示文本
022-提示框文本:退出将中断与设备的连接
022+
023-【取消】按钮,取消返回
023+ 1.秒速倒计时,信号动态显示<a href="/zentao/file-read-6462.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6462.png" alt="" width="9" height="9" title="" /><a href="/zentao/file-read-6463.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6463.png" alt="" /><a href="/zentao/file-read-6465.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6465.png" alt="" />,秒速结束显示图5/6
024-【确认】按钮,确认返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】
024+ 页面元素-连接网络成功(图5)
025-
025+ 名称
026-页面标题
026+ 用途
027-展示
027+ 显示
028-文本,例:配网
028+ 交互
029-无
029+ 水杯图片
030-连接进度
030+ 展示
031-展示连接设备进度
031+ 图片
032-
032+ 无
033-图标,,,
033+ <img src="/zentao/file-read-6381.png" alt="" width="20" height="20" title="" />
034-倒计时s,例60秒
034+ 展示连接正常网络成功
035-
035+ 图标
036-连接设备进度提示文本,例:正在发送WiFi信息给水杯…
036+ 无
037-页面提示文本:将手机靠近水杯,需要稳定的网络连接。
037+ 连接成功
038-
038+ 展示连接正常网络成功
039-
039+ 文本:连接成功
040-1.图标1根据连接设备进度,同步更新由由中间红色圆点动态展示. .. ...
040+ 1.连接成功,进入【<a href="/zentao/story-view-1738.html" target="_blank" rel="noreferrer noopener">首页】
041-2.倒计时根据连接设备进度,进行数字更新由60秒-50秒-30秒-20秒-10秒-0秒
041+
042-3.连接设备进度提示文本,根据倒计时更新进行同步更新:
042+ 页面元素-连接网络不成功(图6)
043-正在发送WiFi信息给水杯… - 60秒
043+ 名称
044-正在发送WiFi信息给水杯…- 50秒
044+ 用途
045-水杯正在连接WiFi…-30秒,20秒,10秒,0秒
045+ 显示
046-
046+ 交互
047-
047+ <
048-页面元素-连接网络(成功)
048+ 返回上一页
049-名称
049+ 【<】
050-用途
050+ 1.点击按钮,返回【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接设备-选择网络】
051-显示
051+ 水杯图片
052-交互
052+ 展示
053-水杯图片
053+ 图片
054-展示
054+ 无
055-图片
055+ <a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-3779.png" alt="" />
056-无
056+ 展示连接正常网络不成功
057-
057+ 图标
058-展示连接正常网络成功
058+ 无
059-图标
059+ 网络连接失败
060-无
060+ 展示连接正常网络不成功
061-连接成功
061+ 文本:连接失败
062-展示连接正常网络成功
062+ 无
063-文本:连接成功
063+ 重试
064-1.连接成功进入【<a href="/zentao/story-view-1620.html" target="_blank" rel="noreferrer noopener">我的设备】
064+ 重新连接正常网络
065-
065+ 【重试】按钮
066-页面元素-连接网络(不成功)
066+ 1.点击按钮,重新连接网络
067-名称
067+
068-用途
068+ <a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">
069-显示
069+ 无网络连接的页面显示
070-交互
070+ 显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】页面
071-<
072-返回上一页
073-【<】
074-1.点击按钮,返回【<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">扫描设备】
075-水杯图片
076-展示
077-图片
078-无
079-<a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener">
080-展示连接正常网络不成功
081-图标
082-无
083-网络连接失败
084-展示连接正常网络不成功
085-文本:连接失败
086-无
087-重试
088-重新连接正常网络
089-【重试】按钮
090-1.点击按钮,重新连接网络
091-
092-<a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener">
093-无网络连接的页面显示
094-显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】页面
002-<h3 style="color:#3C4353;background-color:#FFFFFF;">
002+ <h3 style="color:#3C4353;background-color:#FFFFFF;"></h3>
003-</h3><p>1.查看连接设备进度</p>
003+ <p>1.查看连接设备进度</p>
004-<p>2.设备自动连接正常网络</p>
004+ <h3>界面</h3>
005-<p>3.手动设置设备连接正常网络</p>
005+ <p><img src="/zentao/file-read-6803.png" alt="" /></p>
006-
006+ <p><img src="/zentao/file-read-6804.png" alt="" /></p>
007-<h3>界面</h3>
007+ <p><br /></p>
008-<p><img src="{6372.png}" alt="" /></p>
008+ <p><br /></p>
009-<p><img src="{6373.png}" alt="" /></p>
009+ <p><span style="background-color:#FFFFFF;font-size:16px;font-weight:700;"><br />界面元素-连接设备进度(图1234)</span></p>
010-<p><br /></p>
010+ <h3>
011-<p><br /></p>
011+ </h3><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-<h3>界面元素-连接设备进度</h3>
012+ <th style="background-color:#F1F1F1;">用途</th>
013-<table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
013+ <th style="background-color:#F1F1F1;">显示</th>
014-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
014+ <th style="background-color:#F1F1F1;">交互</th>
015-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
015+ </tr></tbody><tbody><tr><td><span style="font-size:14px;"><</span><br /></td>
016-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
016+ <td><span style="font-size:14px;">返回上一页</span><br /></td>
017-</tr></tbody><tbody><tr><td><span style="font-size:16px;"><</span></td>
017+ <td><</td>
018-<td><span style="font-size:16px;">返回上一页</span></td>
018+ <td>1.点击按钮,<span style="font-size:14px;">返回【<a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接设备-选择网络</a>】</span><span style="font-size:14px;"></span></td>
019-<td><span style="font-size:16px;">【<】</span></td>
019+ </tr><tr><td>连接设备进度</td>
020-<td>
020+ <td>动态显示</td>
021-<p><span style="font-size:16px;">1.点击按钮,弹出提示框</span></p>
021+ <td>动态显示+秒速倒计时<br /><p>提示文本</p>
022-<p><span style="font-size:16px;">提示框文本:退出将中断与设备的连接</span></p>
022+ </td>
023-<p><span style="font-size:16px;">【取消】按钮,取消返回</span></p>
023+ <td>1.秒速倒计时,信号动态显示<a href="/zentao/file-read-6462.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6462.png" alt="" width="9" height="9" title="" /></a><a href="/zentao/file-read-6463.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6463.png" alt="" /></a><a href="/zentao/file-read-6465.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-6465.png" alt="" /></a>,秒速结束显示图5/6<br /></td>
024-<p><span style="font-size:16px;">【确认】按钮,确认返回</span><span style="font-size:14px;background-color:#FFFFFF;">【</span><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a><span style="font-size:14px;background-color:#FFFFFF;">】</span></p>
024+ </tr></tbody></table><br /><h3>页面元素-连接网络成功(图5)</h3>
025-</td>
025+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
026-</tr><tr><td><span style="font-size:16px;">页面标题</span><br /></td>
026+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
027-<td><span style="font-size:16px;">展示</span></td>
027+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
028-<td><span style="font-size:16px;">文本,例:配网</span></td>
028+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
029-<td><span style="font-size:16px;">无</span></td>
029+ </tr></tbody><tbody><tr><td>水杯图片</td>
030-</tr><tr><td><span style="font-size:16px;">连接进度</span></td>
030+ <td>展示</td>
031-<td><span style="font-size:16px;">展示连接设备进度</span></td>
031+ <td>图片</td>
032-<td>
032+ <td>无</td>
033-<p><span style="font-size:16px;">图标<img src="{6374.png}" alt="" width="90" height="50" title="" />,<img src="{6375.png}" alt="" width="50" height="50" title="" />,<img src="{6376.png}" alt="" width="37" height="50" title="" />,<img src="{6377.png}" alt="" width="40" height="50" title="" /><img src="{6379.png}" alt="" width="38" height="50" title="" /></span></p>
033+ </tr><tr><td><img src="/zentao/file-read-6381.png" alt="" width="20" height="20" title="" /><br /></td>
034-<p><span style="font-size:16px;">倒计时s,例60秒</span></p>
034+ <td><span style="font-size:16px;">展示连接正常网络成功</span></td>
035-<p><span style="font-size:16px;"></span></p>
035+ <td><span style="font-size:16px;">图标</span></td>
036-<p><span style="font-size:16px;">连接设备进度提示文本,例:正在发送WiFi信息给水杯…</span></p>
036+ <td><span style="font-size:16px;">无</span></td>
037-<p><span style="font-size:16px;">页面提示文本:将手机靠近水杯,需要稳定的网络连接。</span></p>
037+ </tr><tr><td style="border:1px solid #ddd;">连接成功</td>
038-</td>
038+ <td style="border:1px solid #ddd;"><span>展示连接正常网络成功</span><br /></td>
039-<td>
039+ <td style="border:1px solid #ddd;"><span>文本:</span><span>连接成功</span><br /></td>
040-<p><span style="font-size:16px;">1.图标1根据连接设备进度,同步更新<span></span><span>由</span><img src="{6380.png}" alt="" />由</span><span style="font-size:16px;">中间红色圆点动态展示. .. ...</span></p>
040+ <td style="border:1px solid #ddd;">1.连接成功,进入【<a href="/zentao/story-view-1738.html" target="_blank" rel="noreferrer noopener">首页</a>】</td>
041-<p><span style="font-size:16px;">2.倒计时根据连接设备进度,进行数字更新由60秒-50秒-30秒-20秒-10秒-0秒</span></p>
041+ </tr></tbody></table><p><br /></p>
042-<p><span style="font-size:16px;">3.连接设备进度提示文本,根据倒计时更新进行同步更新:</span></p>
042+ <h3><br />页面元素-连接网络不成功(图6)</h3>
043-<p><span style="font-size:16px;">正在发送WiFi信息给水杯… - <span>60秒</span></span></p>
043+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
044-<p><span style="font-size:16px;">正在发送WiFi信息给水杯…- 5<span>0秒</span></span></p>
044+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
045-<p><span style="font-size:16px;">水杯正在连接WiFi…-30秒,20秒,10秒,0秒</span></p>
045+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
046-<p><br /></p>
046+ <th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
047-</td>
047+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span><</span><br /></td>
048-</tr></tbody></table><h3><br /></h3><p>页面元素-连接网络(成功)</p>
048+ <td style="border:1px solid #ddd;"><span>返回上一页</span><br /></td>
049-<table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
049+ <td style="border:1px solid #ddd;"><span>【<】</span><br /></td>
050-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
050+ <td style="border:1px solid #ddd;"><span>1.点击按钮,<span>返回【</span><a href="/zentao/story-view-1622.html" target="_blank" rel="noreferrer noopener">连接设备-选择网络</a><span>】</span></span><span></span><br /></td>
051-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
051+ </tr><tr><td style="border:1px solid #ddd;">水杯图片</td>
052-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
052+ <td style="border:1px solid #ddd;">展示</td>
053-</tr></tbody><tbody><tr><td>水杯图片</td>
053+ <td style="border:1px solid #ddd;">图片</td>
054-<td>展示</td>
054+ <td style="border:1px solid #ddd;">无</td>
055-<td>图片</td>
055+ </tr><tr><td><a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-3779.png" alt="" /></a><br /></td>
056-<td>无</td>
056+ <td><span style="font-size:16px;">展示连接正常网络不成功</span></td>
057-</tr><tr><td><img src="{6381.png}" alt="" width="20" height="20" title="" /><br /></td>
057+ <td><span style="font-size:16px;">图标</span></td>
058-<td><span style="font-size:16px;">展示连接正常网络成功</span></td>
058+ <td><span style="font-size:16px;">无</span></td>
059-<td><span style="font-size:16px;">图标</span></td>
059+ </tr><tr><td><span style="font-size:16px;">网络连接失败</span><span style="font-size:16px;"></span><br /></td>
060-<td><span style="font-size:16px;">无</span></td>
060+ <td><span style="font-size:16px;">展示连接正常网络不成功</span><span style="font-size:16px;"></span><br /></td>
061-</tr><tr><td style="border:1px solid #ddd;">连接成功</td>
061+ <td><span style="font-size:16px;">文本:</span><span style="font-size:16px;">连接失败</span></td>
062-<td style="border:1px solid #ddd;"><span>展示连接正常网络成功</span><br /></td>
062+ <td><span style="font-size:16px;">无</span></td>
063-<td style="border:1px solid #ddd;"><span>文本:</span><span>连接成功</span><br /></td>
063+ </tr><tr><td><span style="font-size:16px;">重试</span></td>
064-<td style="border:1px solid #ddd;">1.连接成功进入【<a href="/zentao/story-view-1620.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">我的设备</span></a>】</td>
064+ <td><span style="font-size:16px;">重新连接正常网络</span></td>
065-</tr></tbody></table><p><br /></p>
065+ <td><span style="font-size:16px;">【<span>重试</span>】按钮</span></td>
066-<br /><h3><br />页面元素-连接网络(不成功)</h3>
066+ <td><span style="font-size:16px;">1.点击按钮,重新连接网络</span></td>
067-<table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;"><span style="font-size:16px;">名称</span></th>
067+ </tr></tbody></table><p><br /></p>
068-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">用途</span></th>
068+ <p style="font-size:14px;background-color:#FFFFFF;"><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;"></span></a></p>
069-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">显示</span></th>
069+ <h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
070-<th style="background-color:#F1F1F1;"><span style="font-size:16px;">交互</span></th>
070+ <p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】</a>页面</p>
071-</tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span><</span><br /></td>
072-<td style="border:1px solid #ddd;"><span>返回上一页</span><br /></td>
073-<td style="border:1px solid #ddd;"><span>【<】</span><br /></td>
074-<td style="border:1px solid #ddd;"><span>1.点击按钮,返回【</span><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">扫描设备</span></a><span>】</span><br /></td>
075-</tr><tr><td style="border:1px solid #ddd;">水杯图片</td>
076-<td style="border:1px solid #ddd;">展示</td>
077-<td style="border:1px solid #ddd;">图片</td>
078-<td style="border:1px solid #ddd;">无</td>
079-</tr><tr><td><a href="/zentao/file-read-3779.png" target="_blank" rel="noreferrer noopener"><img src="{3779.png}" alt="" /></a><br /></td>
080-<td><span style="font-size:16px;">展示连接正常网络不成功</span></td>
081-<td><span style="font-size:16px;">图标</span></td>
082-<td><span style="font-size:16px;">无</span></td>
083-</tr><tr><td><span style="font-size:16px;">网络连接失败</span><span style="font-size:16px;"></span><br /></td>
084-<td><span style="font-size:16px;">展示连接正常网络不成功</span><span style="font-size:16px;"></span><br /></td>
085-<td><span style="font-size:16px;">文本:</span><span style="font-size:16px;">连接失败</span></td>
086-<td><span style="font-size:16px;">无</span></td>
087-</tr><tr><td><span style="font-size:16px;">重试</span></td>
088-<td><span style="font-size:16px;">重新连接正常网络</span></td>
089-<td><span style="font-size:16px;">【<span>重试</span>】按钮</span></td>
090-<td><span style="font-size:16px;">1.点击按钮,重新连接网络</span></td>
091-</tr></tbody></table><p><br /></p>
092-<p style="font-size:14px;background-color:#FFFFFF;"><a href="/zentao/story-view-1621.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;"></span></a></p>
093-<h3 style="color:#3C4353;background-color:#FFFFFF;">无网络连接的页面显示</h3>
094-<p style="font-size:14px;background-color:#FFFFFF;">显示【<a href="/zentao/story-view-1653.html" target="_blank" rel="noreferrer noopener">网络错误】</a>页面</p>