001-
001+ 功能描述
002+
003+ 1.
004+
005+ 界面
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
007+ 界面元素
008+
009+ 界面元素—AQHI信息
010+
011+ 名称
012+ 用途
013+ 显示
014+ 交互
015+ 更多菜单
016+ 弹出菜单
017+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
018+
019+ 1. 点击弹出菜单；
020+ 2. 关闭菜单，回到弹出菜单前页面。
021+
022+ 标题
023+ 展示
024+
025+ 健康忠告
026+
027+
028+ 无
029+
030+
031+ 监测站地图
032+ 进入监测站地图
033+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
034+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
035+ AQHI等级
036+ 点击切换等级页面
037+ 图标<img src="/zentao/file-read-9399.png" alt="" />
038+
039+ 1. 点击图标切换等级；
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041+
042+ 等级详情
043+
044+ 1.展示
045+ 2.切换不同人群的健康忠告
046+
047+
048+ 当空气健康风险指数为：
049+ 1—3 ———低
050+ 4—6 ———中
051+ 7 ———高
052+ 8—10 ———甚高
053+ 10+———严重
054+ 不同人群名称
055+ 健康忠告内容
056+ 人群图片
057+
058+
059+ 1. 空气指数根据切换的等级显示；
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061+ 3. 背景颜色根据选择等级发生变化。
062+
063+
064+ 说明
065+ 展示
066+ <img src="/zentao/file-read-9401.png" alt="" />
067+ 无
068+ 背景图
069+ 展示
070+ <img src="/zentao/file-read-9402.png" alt="" />
071+ 1. AQHI等级不同，背景图内容不同
072+
073+
074+ 数据加载失败的页面显示
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
076+
077+ 离线使用的页面显示
078+
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080+ 2.点击【好的】可继续查看健康忠告
081+ <img src="/zentao/file-read-9398.png" alt="" />
082+
083+
084+

001-
001+ <div class="detail-title" style="background-color:#FFFFFF;"><span style="font-size:16px;">功能描述</span></div>
002+ <div class="detail-content article-content" style="font-size:14px;background-color:#FFFFFF;">
003+ <p>1.</p>
004+ <p><br /></p>
005+ <h3 style="color:#3C4353;">界面</h3>
006+ <p><img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" /></p>
007+ <h3 style="color:#3C4353;">界面元素</h3>
008+ <p><br /></p>
009+ <h3 style="color:#3C4353;">界面元素—AQHI信息</h3>
010+ <p style="font-size:14px;"><br /></p>
011+ <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+ <th style="background-color:#F1F1F1;">用途</th>
013+ <th style="background-color:#F1F1F1;">显示</th>
014+ <th style="background-color:#F1F1F1;">交互</th>
015+ </tr></tbody><tbody><tr><td>更多菜单</td>
016+ <td>弹出菜单</td>
017+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
018+ <td>
019+ <p>1. 点击弹出菜单；</p>
020+ <p>2. 关闭菜单，回到弹出菜单前页面。</p>
021+ </td>
022+ </tr><tr><td>标题</td>
023+ <td>展示<br /></td>
024+ <td>
025+ <p>健康忠告</p>
026+ </td>
027+ <td>
028+ <p>无</p>
029+ <p><br /></p>
030+ </td>
031+ </tr><tr><td>监测站地图</td>
032+ <td>进入监测站地图<br /></td>
033+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
034+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
035+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
036+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
037+ <td style="border:1px solid #ddd;"><span>图标<img src="/zentao/file-read-9399.png" alt="" /></span><br /></td>
038+ <td style="border:1px solid #ddd;">
039+ <p>1. 点击图标切换等级；</p>
040+ <p>2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。</p>
041+ </td>
042+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
043+ <td style="border:1px solid #ddd;">
044+ <p>1.展示</p>
045+ <p>2.切换不同人群的健康忠告</p>
046+ </td>
047+ <td style="border:1px solid #ddd;">
048+ <p>当空气健康风险指数为：</p>
049+ <p>1—3 ———低</p>
050+ <p>4—6 ———中</p>
051+ <p> 7 ———高</p>
052+ <p>8—10 ———甚高</p>
053+ <p> 10+———严重</p>
054+ <p>不同人群名称</p>
055+ <p>健康忠告内容</p>
056+ <p>人群图片</p>
057+ </td>
058+ <td style="border:1px solid #ddd;">
059+ <p>1. 空气指数根据切换的等级显示；</p>
060+ <p>2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；</p>
061+ <p>3. 背景颜色根据选择等级发生变化。</p>
062+ <p><br /></p>
063+ </td>
064+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
065+ <td style="border:1px solid #ddd;">展示</td>
066+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /><br /></td>
067+ <td style="border:1px solid #ddd;">无</td>
068+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
069+ <td style="border:1px solid #ddd;">展示</td>
070+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /><br /></td>
071+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
072+ </tr></tbody></table><p><br /></p>
073+ <p><br /></p>
074+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
075+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
076+ <p><br /></p>
077+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
078+ <p><br /></p>
079+ <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
080+ <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看健康忠告</span></p>
081+ <p style="font-size:14px;"><span style="background-color:#FFFFFF;"><img src="/zentao/file-read-9398.png" alt="" /><br /></span></p>
082+ <p><br /></p>
083+ <p><br /></p>
084+ </div>

006-
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
008-
008+
009- 界面元素—AQHI信息
009+ 名称
010-
010+ 用途
011- 名称
011+ 显示
012- 用途
012+ 交互
013- 显示
013+ 更多菜单
014- 交互
014+ 弹出菜单
015- 更多菜单
015+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
016- 弹出菜单
016+
017- 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">
017+ 1. 点击弹出菜单；
018-
018+ 2. 关闭菜单，回到弹出菜单前页面。
019- 1. 点击弹出菜单；
019+
020- 2. 关闭菜单，回到弹出菜单前页面。
020+ 标题
021-
021+ 展示
022- 标题
022+
023- 展示
023+ 健康忠告
024-
024+
025- 健康忠告
025+
026-
026+ 无
027-
027+
028- 无
028+
029-
029+ 监测站地图
030-
030+ 进入监测站地图
031- 监测站地图
031+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
032- 进入监测站地图
032+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
033- 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">
033+ AQHI等级
034- 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
034+ 点击切换等级页面
035- AQHI等级
035+ 图标<img src="/zentao/file-read-9399.png" alt="" />
036- 点击切换等级页面
036+
037- 图标
037+ 1. 点击图标切换等级；
038-
038+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
039- 1. 点击图标切换等级；
039+
040- 2. 切换等级后，图标下方显示标识符，颜色根据等级发生变化。
040+ 等级详情
041-
041+
042- 等级详情
042+ 1.展示
043-
043+ 2.切换不同人群的健康忠告
044- 1.展示
044+
045- 2.切换不同人群的健康忠告
045+
046-
046+ 当空气健康风险指数为：
047-
047+ 1—3 ———低
048- 当空气健康风险指数为：
048+ 4—6 ———中
049- 1—3 ———低
049+ 7 ———高
050- 4—6 ———中
050+ 8—10 ———甚高
051- 7 ———高
051+ 10+———严重
052- 8—10 ———甚高
052+ 不同人群名称
053- 10+———严重
053+ 健康忠告内容
054- 不同人群名称
054+ 人群图片
055- 健康忠告内容
055+
056- 人群图片
056+
057-
057+ 1. 空气指数根据切换的等级显示；
058-
058+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
059- 1. 空气指数根据切换的等级显示；
059+ 3. 背景颜色根据选择等级发生变化。
060- 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
060+
061- 3. 背景颜色根据选择等级发生变化。
061+
062-
062+ 说明
063-
063+ 展示
064- 说明
064+ <img src="/zentao/file-read-9401.png" alt="" />
065- 展示
065+ 无
066-
066+ 背景图
067- 无
067+ 展示
068- 背景图
068+ <img src="/zentao/file-read-9402.png" alt="" />
069- 展示
069+ 1. AQHI等级不同，背景图内容不同
070-
070+
071- 1. AQHI等级不同，背景图内容不同
071+
072-
072+ 数据加载失败的页面显示
073-
073+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
074- 数据加载失败的页面显示
074+
075- 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
075+ 离线使用的页面显示
077- 离线使用的页面显示
077+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
078-
078+ 2.点击【好的】可继续查看健康忠告
079- 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
079+ <img src="/zentao/file-read-9398.png" alt="" />
080- 2.点击【好的】可继续查看健康忠告
080+
081-
081+
082-
082+
083-
084-

006- <p><img src="{9391.png}" alt="" /><img src="{9390.png}" alt="" /><img src="{9392.png}" alt="" /><img src="{9393.png}" alt="" /><img src="{9394.png}" alt="" /> <img src="{9395.png}" alt="" /><img src="{9396.png}" alt="" /><img src="{9397.png}" alt="" /></p>
006+ <p><img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" /></p>
008- <p><br /></p>
008+ <p style="font-size:14px;"><br /></p>
009- <h3 style="color:#3C4353;">界面元素—AQHI信息</h3>
009+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
010- <p style="font-size:14px;"><br /></p>
010+ <th style="background-color:#F1F1F1;">用途</th>
011- <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
011+ <th style="background-color:#F1F1F1;">显示</th>
012- <th style="background-color:#F1F1F1;">用途</th>
012+ <th style="background-color:#F1F1F1;">交互</th>
013- <th style="background-color:#F1F1F1;">显示</th>
013+ </tr></tbody><tbody><tr><td>更多菜单</td>
014- <th style="background-color:#F1F1F1;">交互</th>
014+ <td>弹出菜单</td>
015- </tr></tbody><tbody><tr><td>更多菜单</td>
015+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
016- <td>弹出菜单</td>
016+ <td>
017- <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a></td>
017+ <p>1. 点击弹出菜单；</p>
018- <td>
018+ <p>2. 关闭菜单，回到弹出菜单前页面。</p>
019- <p>1. 点击弹出菜单；</p>
019+ </td>
020- <p>2. 关闭菜单，回到弹出菜单前页面。</p>
020+ </tr><tr><td>标题</td>
021- </td>
021+ <td>展示<br /></td>
022- </tr><tr><td>标题</td>
022+ <td>
023- <td>展示<br /></td>
023+ <p>健康忠告</p>
024- <td>
024+ </td>
025- <p>健康忠告</p>
025+ <td>
026- </td>
026+ <p>无</p>
027- <td>
027+ <p><br /></p>
028- <p>无</p>
028+ </td>
029- <p><br /></p>
029+ </tr><tr><td>监测站地图</td>
030- </td>
030+ <td>进入监测站地图<br /></td>
031- </tr><tr><td>监测站地图</td>
031+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
032- <td>进入监测站地图<br /></td>
032+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
033- <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a></td>
033+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
034- <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
034+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
035- </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
035+ <td style="border:1px solid #ddd;"><span>图标<img src="/zentao/file-read-9399.png" alt="" /></span><br /></td>
036- <td style="border:1px solid #ddd;">点击切换等级页面</td>
036+ <td style="border:1px solid #ddd;">
037- <td style="border:1px solid #ddd;"><span>图标<img src="{9399.png}" alt="" /></span><br /></td>
037+ <p>1. 点击图标切换等级；</p>
038- <td style="border:1px solid #ddd;">
038+ <p>2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。</p>
039- <p>1. 点击图标切换等级；</p>
039+ </td>
040- <p>2. 切换等级后，图标下方显示标识符<img src="{9400.png}" alt="" />，颜色根据等级发生变化。</p>
040+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
041- </td>
041+ <td style="border:1px solid #ddd;">
042- </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
042+ <p>1.展示</p>
043- <td style="border:1px solid #ddd;">
043+ <p>2.切换不同人群的健康忠告</p>
044- <p>1.展示</p>
044+ </td>
045- <p>2.切换不同人群的健康忠告</p>
045+ <td style="border:1px solid #ddd;">
046- </td>
046+ <p>当空气健康风险指数为：</p>
047- <td style="border:1px solid #ddd;">
047+ <p>1—3 ———低</p>
048- <p>当空气健康风险指数为：</p>
048+ <p>4—6 ———中</p>
049- <p>1—3 ———低</p>
049+ <p> 7 ———高</p>
050- <p>4—6 ———中</p>
050+ <p>8—10 ———甚高</p>
051- <p> 7 ———高</p>
051+ <p> 10+———严重</p>
052- <p>8—10 ———甚高</p>
052+ <p>不同人群名称</p>
053- <p> 10+———严重</p>
053+ <p>健康忠告内容</p>
054- <p>不同人群名称</p>
054+ <p>人群图片</p>
055- <p>健康忠告内容</p>
055+ </td>
056- <p>人群图片</p>
056+ <td style="border:1px solid #ddd;">
057- </td>
057+ <p>1. 空气指数根据切换的等级显示；</p>
058- <td style="border:1px solid #ddd;">
058+ <p>2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；</p>
059- <p>1. 空气指数根据切换的等级显示；</p>
059+ <p>3. 背景颜色根据选择等级发生变化。</p>
060- <p>2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；</p>
060+ <p><br /></p>
061- <p>3. 背景颜色根据选择等级发生变化。</p>
061+ </td>
062- <p><br /></p>
062+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
063- </td>
063+ <td style="border:1px solid #ddd;">展示</td>
064- </tr><tr><td style="border:1px solid #ddd;">说明</td>
064+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /><br /></td>
065- <td style="border:1px solid #ddd;">展示</td>
065+ <td style="border:1px solid #ddd;">无</td>
066- <td style="border:1px solid #ddd;"><img src="{9401.png}" alt="" /><br /></td>
066+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
067- <td style="border:1px solid #ddd;">无</td>
067+ <td style="border:1px solid #ddd;">展示</td>
068- </tr><tr><td style="border:1px solid #ddd;">背景图</td>
068+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /><br /></td>
069- <td style="border:1px solid #ddd;">展示</td>
069+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
070- <td style="border:1px solid #ddd;"><img src="{9402.png}" alt="" /><br /></td>
070+ </tr></tbody></table><p><br /></p>
071- <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
071+ <p><br /></p>
072- </tr></tbody></table><p><br /></p>
072+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
073- <p><br /></p>
073+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
074- <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
074+ <p><br /></p>
075- <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
075+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
077- <h3 style="color:#3C4353;">离线使用的页面显示</h3>
077+ <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
078- <p><br /></p>
078+ <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看健康忠告</span></p>
079- <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
079+ <p style="font-size:14px;"><span style="background-color:#FFFFFF;"><img src="/zentao/file-read-9398.png" alt="" /><br /></span></p>
080- <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看健康忠告</span></p>
080+ <p><br /></p>
081- <p style="font-size:14px;"><span style="background-color:#FFFFFF;"><img src="{9398.png}" alt="" /><br /></span></p>
081+ <p><br /></p>
082- <p><br /></p>
082+ </div>
083- <p><br /></p>
084- </div>

003- 1.
003+ 1. 查看健康忠告
004-
004+ 2. 查看菜单
005- 界面
005+ 3. 进入监测站地图
006-
006+
007- 界面元素
007+ 界面
008-
008+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
009- 名称
009+ 界面元素
010- 用途
010+
011- 显示
011+ 名称
012- 交互
012+ 用途
013- 更多菜单
013+ 显示
014- 弹出菜单
014+ 交互
015- 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">
015+ 更多菜单
016-
016+ 弹出菜单
017- 1. 点击弹出菜单；
017+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
018- 2. 关闭菜单，回到弹出菜单前页面。
018+
019-
019+ 1. 点击弹出菜单；
020- 标题
020+ 2. 关闭菜单，回到弹出菜单前页面。
021- 展示
021+
022-
022+ 标题
023- 健康忠告
023+ 展示
024-
024+
025-
025+ 健康忠告
026- 无
026+
027-
027+
028-
028+ 无
029- 监测站地图
029+
030- 进入监测站地图
030+
031- 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">
031+ 监测站地图
032- 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
032+ 进入监测站地图
033- AQHI等级
033+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
034- 点击切换等级页面
034+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
035- 图标
035+ AQHI等级
036-
036+ 点击切换等级页面
037- 1. 点击图标切换等级；
037+ 图标<img src="/zentao/file-read-9399.png" alt="" />
038- 2. 切换等级后，图标下方显示标识符，颜色根据等级发生变化。
038+
039-
039+ 1. 点击图标切换等级；
040- 等级详情
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041-
041+
042- 1.展示
042+ 等级详情
043- 2.切换不同人群的健康忠告
043+
044-
044+ 1.展示
045-
045+ 2.切换不同人群的健康忠告
046- 当空气健康风险指数为：
046+
047- 1—3 ———低
047+
048- 4—6 ———中
048+ 当空气健康风险指数为：
049- 7 ———高
049+ 1—3 ———低
050- 8—10 ———甚高
050+ 4—6 ———中
051- 10+———严重
051+ 7 ———高
052- 不同人群名称
052+ 8—10 ———甚高
053- 健康忠告内容
053+ 10+———严重
054- 人群图片
054+ 不同人群名称
055-
055+ 健康忠告内容
056-
056+ 人群图片
057- 1. 空气指数根据切换的等级显示；
057+
058- 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
058+
059- 3. 背景颜色根据选择等级发生变化。
059+ 1. 空气指数根据切换的等级显示；
060-
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061-
061+ 3. 背景颜色根据选择等级发生变化。
062- 说明
062+
063- 展示
063+
064-
064+ 说明
065- 无
065+ 展示
066- 背景图
066+ <img src="/zentao/file-read-9401.png" alt="" />
067- 展示
067+ 无
068-
068+ 背景图
069- 1. AQHI等级不同，背景图内容不同
069+ 展示
070-
070+ <img src="/zentao/file-read-9402.png" alt="" />
071-
071+ 1. AQHI等级不同，背景图内容不同
072- 数据加载失败的页面显示
072+
073- 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
073+
074-
074+ 数据加载失败的页面显示
075- 离线使用的页面显示
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
077- 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
077+ 离线使用的页面显示
078- 2.点击【好的】可继续查看健康忠告
078+
079-
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080-
080+ 2.点击【好的】可继续查看健康忠告
081-
081+ <img src="/zentao/file-read-9398.png" alt="" />
082-
082+
083+
084+

003- <p>1.</p>
003+ <p>1. 查看健康忠告</p>
004- <p><br /></p>
004+ <p>2. 查看菜单</p>
005- <h3 style="color:#3C4353;">界面</h3>
005+ <p>3. 进入监测站地图</p>
006- <p><img src="{9391.png}" alt="" /><img src="{9390.png}" alt="" /><img src="{9392.png}" alt="" /><img src="{9393.png}" alt="" /><img src="{9394.png}" alt="" /> <img src="{9395.png}" alt="" /><img src="{9396.png}" alt="" /><img src="{9397.png}" alt="" /></p>
006+ <p><br /></p>
007- <h3 style="color:#3C4353;">界面元素</h3>
007+ <h3 style="color:#3C4353;">界面</h3>
008- <p style="font-size:14px;"><br /></p>
008+ <p><img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" /></p>
009- <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
009+ <h3 style="color:#3C4353;">界面元素</h3>
010- <th style="background-color:#F1F1F1;">用途</th>
010+ <p style="font-size:14px;"><br /></p>
011- <th style="background-color:#F1F1F1;">显示</th>
011+ <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- <th style="background-color:#F1F1F1;">交互</th>
012+ <th style="background-color:#F1F1F1;">用途</th>
013- </tr></tbody><tbody><tr><td>更多菜单</td>
013+ <th style="background-color:#F1F1F1;">显示</th>
014- <td>弹出菜单</td>
014+ <th style="background-color:#F1F1F1;">交互</th>
015- <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a></td>
015+ </tr></tbody><tbody><tr><td>更多菜单</td>
016- <td>
016+ <td>弹出菜单</td>
017- <p>1. 点击弹出菜单；</p>
017+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
018- <p>2. 关闭菜单，回到弹出菜单前页面。</p>
018+ <td>
019- </td>
019+ <p>1. 点击弹出菜单；</p>
020- </tr><tr><td>标题</td>
020+ <p>2. 关闭菜单，回到弹出菜单前页面。</p>
021- <td>展示<br /></td>
021+ </td>
022- <td>
022+ </tr><tr><td>标题</td>
023- <p>健康忠告</p>
023+ <td>展示<br /></td>
024- </td>
024+ <td>
025- <td>
025+ <p>健康忠告</p>
026- <p>无</p>
026+ </td>
027- <p><br /></p>
027+ <td>
028- </td>
028+ <p>无</p>
029- </tr><tr><td>监测站地图</td>
029+ <p><br /></p>
030- <td>进入监测站地图<br /></td>
030+ </td>
031- <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a></td>
031+ </tr><tr><td>监测站地图</td>
032- <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
032+ <td>进入监测站地图<br /></td>
033- </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
033+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
034- <td style="border:1px solid #ddd;">点击切换等级页面</td>
034+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
035- <td style="border:1px solid #ddd;"><span>图标<img src="{9399.png}" alt="" /></span><br /></td>
035+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
036- <td style="border:1px solid #ddd;">
036+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
037- <p>1. 点击图标切换等级；</p>
037+ <td style="border:1px solid #ddd;"><span>图标<img src="/zentao/file-read-9399.png" alt="" /></span><br /></td>
038- <p>2. 切换等级后，图标下方显示标识符<img src="{9400.png}" alt="" />，颜色根据等级发生变化。</p>
038+ <td style="border:1px solid #ddd;">
039- </td>
039+ <p>1. 点击图标切换等级；</p>
040- </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
040+ <p>2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。</p>
041- <td style="border:1px solid #ddd;">
041+ </td>
042- <p>1.展示</p>
042+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
043- <p>2.切换不同人群的健康忠告</p>
043+ <td style="border:1px solid #ddd;">
044- </td>
044+ <p>1.展示</p>
045- <td style="border:1px solid #ddd;">
045+ <p>2.切换不同人群的健康忠告</p>
046- <p>当空气健康风险指数为：</p>
046+ </td>
047- <p>1—3 ———低</p>
047+ <td style="border:1px solid #ddd;">
048- <p>4—6 ———中</p>
048+ <p>当空气健康风险指数为：</p>
049- <p> 7 ———高</p>
049+ <p>1—3 ———低</p>
050- <p>8—10 ———甚高</p>
050+ <p>4—6 ———中</p>
051- <p> 10+———严重</p>
051+ <p> 7 ———高</p>
052- <p>不同人群名称</p>
052+ <p>8—10 ———甚高</p>
053- <p>健康忠告内容</p>
053+ <p> 10+———严重</p>
054- <p>人群图片</p>
054+ <p>不同人群名称</p>
055- </td>
055+ <p>健康忠告内容</p>
056- <td style="border:1px solid #ddd;">
056+ <p>人群图片</p>
057- <p>1. 空气指数根据切换的等级显示；</p>
057+ </td>
058- <p>2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；</p>
058+ <td style="border:1px solid #ddd;">
059- <p>3. 背景颜色根据选择等级发生变化。</p>
059+ <p>1. 空气指数根据切换的等级显示；</p>
060- <p><br /></p>
060+ <p>2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；</p>
061- </td>
061+ <p>3. 背景颜色根据选择等级发生变化。</p>
062- </tr><tr><td style="border:1px solid #ddd;">说明</td>
062+ <p><br /></p>
063- <td style="border:1px solid #ddd;">展示</td>
063+ </td>
064- <td style="border:1px solid #ddd;"><img src="{9401.png}" alt="" /><br /></td>
064+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
065- <td style="border:1px solid #ddd;">无</td>
065+ <td style="border:1px solid #ddd;">展示</td>
066- </tr><tr><td style="border:1px solid #ddd;">背景图</td>
066+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /><br /></td>
067- <td style="border:1px solid #ddd;">展示</td>
067+ <td style="border:1px solid #ddd;">无</td>
068- <td style="border:1px solid #ddd;"><img src="{9402.png}" alt="" /><br /></td>
068+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
069- <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
069+ <td style="border:1px solid #ddd;">展示</td>
070- </tr></tbody></table><p><br /></p>
070+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /><br /></td>
071- <p><br /></p>
071+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
072- <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
072+ </tr></tbody></table><p><br /></p>
073- <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
073+ <p><br /></p>
074- <p><br /></p>
074+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
075- <h3 style="color:#3C4353;">离线使用的页面显示</h3>
075+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
077- <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
077+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
078- <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看健康忠告</span></p>
078+ <p><br /></p>
079- <p style="font-size:14px;"><span style="background-color:#FFFFFF;"><img src="{9398.png}" alt="" /><br /></span></p>
079+ <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
080- <p><br /></p>
080+ <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看健康忠告</span></p>
081- <p><br /></p>
081+ <p style="font-size:14px;"><span style="background-color:#FFFFFF;"><img src="/zentao/file-read-9398.png" alt="" /><br /></span></p>
082- </div>
082+ <p><br /></p>
083+ <p><br /></p>
084+ </div>