001-
001+ 功能描述
002+
003+ 1. 查看监测站列表
004+ 2. 进入监测站详情
005+ 3. 查看菜单
006+ 4. 进入监测站地图
007+
008+ 界面
009+ <img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" />
010+
011+ 界面元素
012+
013+ 名称
014+ 用途
015+ 显示
016+ 交互
017+ 标题
018+ 展示
019+ 监测站列表
020+ 无
021+ 日期
022+ 展示
023+
024+ xxxx年xx月xx日 xx:xx
025+
026+ 1. 显示系统当前日期，精确到分。
027+ 更新
028+ 展示
029+ 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" />
030+
031+ 1. 点击图标，有转动效果；
032+ 2. 点击后，页面内容更新
033+
034+ 更多菜单
035+ 弹出菜单
036+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
037+
038+ 1. 点击弹出菜单；
039+ 2. 关闭菜单，回到弹出菜单前页面。
040+
041+ 监测站地图
042+ 进入监测站地图
043+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
044+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
045+ 地区
046+ 切换地区
047+ <img src="/zentao/file-read-9429.png" alt="" />
048+
049+ 1. 默认显示香港岛
050+ 2. 切换地区后，列表显示切换地区的所有监测站。
051+
052+ 污染物类别
053+ 切换污染物
054+
055+ 1.污染物：AQHI、NO₂、O₃、CO、PM₁₀、PM₂.₅
056+ 2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" />
057+
058+
059+ 1. 进入列表，默认显示AQHI监测站列表
060+ 2. 切换污染物后，列表中的监测站污染物指数发生变化，如图2；
061+ 3. 点击拖动图标，可以显示隐藏的污染物。
062+
063+ 列表
064+
065+ 1. 关注
066+ 2. 进入详情
067+
068+
069+ 1. 关注图标<img src="/zentao/file-read-9434.png" alt="" />
070+ 2. 监测站名称
071+
072+ 3. 监测站类别
073+
074+ 4. 污染物指数
075+
076+ 5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" />
077+
078+
079+ 1. 点击关注图标，弹出提示如图3，关注后再次点击图标，弹出提示，如图4；
080+ 2. 检测站被关注后，显示在设定中的关注地点列表及首页，当到达5个关注地点后，再次点击关注图标，提示“最多可关注5个地点”；
081+ 3、点击进入详情图标，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情】页面。
082+
083+ AQHI图标
084+ 进入健康忠告
085+ <img src="/zentao/file-read-9436.png" alt="" />
086+ 1. 点击AQHI图标，进入点击等级的健康忠告。
087+

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>2. 进入监测站详情</p>
005+ <p>3. 查看菜单</p>
006+ <p>4. 进入监测站地图</p>
007+ <p><br /></p>
008+ <h3 style="color:#3C4353;">界面</h3>
009+ <p><img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" /></p>
010+ <p><br /></p>
011+ <h3 style="color:#3C4353;">界面元素</h3>
012+ <p><br /></p>
013+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
014+ <th style="background-color:#F1F1F1;">用途</th>
015+ <th style="background-color:#F1F1F1;">显示</th>
016+ <th style="background-color:#F1F1F1;">交互</th>
017+ </tr></tbody><tbody><tr><td>标题</td>
018+ <td>展示<br /></td>
019+ <td>监测站列表</td>
020+ <td>无</td>
021+ </tr><tr><td><span style="font-size:14px;">日期</span><br /></td>
022+ <td><span style="font-size:14px;">展示</span><br /></td>
023+ <td>
024+ <p>xxxx年xx月xx日 xx:xx</p>
025+ </td>
026+ <td><span style="font-size:14px;">1. 显示系统当前日期，精确到分。</span><br /></td>
027+ </tr><tr><td><span style="font-size:14px;">更新</span><br /></td>
028+ <td>展示<br /></td>
029+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" /></a><br /></td>
030+ <td>
031+ <p style="font-size:14px;">1. 点击图标，有转动效果；</p>
032+ <p style="font-size:14px;">2. 点击后，页面内容更新<span style="font-size:13px;"></span></p>
033+ </td>
034+ </tr><tr><td><span style="font-size:14px;">更多菜单</span><br /></td>
035+ <td><span style="font-size:14px;">弹出菜单</span><br /></td>
036+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a><br /></td>
037+ <td>
038+ <p style="font-size:14px;">1. 点击弹出菜单；</p>
039+ <p style="font-size:14px;">2. 关闭菜单，回到弹出菜单前页面。</p>
040+ <br /></td>
041+ </tr><tr><td><span style="font-size:14px;">监测站地图</span><br /></td>
042+ <td><span style="font-size:14px;">进入监测站地图</span><br /></td>
043+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a><br /></td>
044+ <td><span style="font-size:14px;">1. 点击进入【</span><a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a><span style="font-size:14px;">】页面。</span></td>
045+ </tr><tr><td style="border:1px solid #ddd;">地区</td>
046+ <td style="border:1px solid #ddd;">切换地区</td>
047+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9429.png" alt="" /><br /></td>
048+ <td style="border:1px solid #ddd;">
049+ <p>1. 默认显示香港岛</p>
050+ <p>2. 切换地区后，列表显示切换地区的所有监测站。</p>
051+ </td>
052+ </tr><tr><td style="border:1px solid #ddd;">污染物类别</td>
053+ <td style="border:1px solid #ddd;">切换污染物</td>
054+ <td style="border:1px solid #ddd;">
055+ <p>1.污染物：AQHI、NO₂、O₃、CO、PM₁₀、PM₂.₅</p>
056+ <p>2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" /></p>
057+ </td>
058+ <td style="border:1px solid #ddd;">
059+ <p>1. 进入列表，默认显示AQHI监测站列表</p>
060+ <p>2. 切换污染物后，列表中的监测站污染物指数发生变化，如图2；</p>
061+ <p>3. 点击拖动图标，可以显示隐藏的污染物。</p>
062+ </td>
063+ </tr><tr><td style="border:1px solid #ddd;">列表</td>
064+ <td style="border:1px solid #ddd;">
065+ <p>1. 关注</p>
066+ <p>2. 进入详情</p>
067+ </td>
068+ <td style="border:1px solid #ddd;">
069+ <p>1. 关注图标<img src="/zentao/file-read-9434.png" alt="" /></p>
070+ <p>2. 监测站名称</p>
071+ <p><br /></p>
072+ <p>3. 监测站类别</p>
073+ <p><br /></p>
074+ <p>4. 污染物指数</p>
075+ <p><br /></p>
076+ <p>5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" /></p>
077+ </td>
078+ <td style="border:1px solid #ddd;">
079+ <p>1. 点击关注图标，弹出提示如图3，关注后再次点击图标，弹出提示，如图4；</p>
080+ <p>2. 检测站被关注后，显示在设定中的关注地点列表及首页，当到达5个关注地点后，再次点击关注图标，提示“最多可关注5个地点”；</p>
081+ <p>3、点击进入详情图标，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情</a>】页面。</p>
082+ </td>
083+ </tr><tr><td style="border:1px solid #ddd;">AQHI图标</td>
084+ <td style="border:1px solid #ddd;">进入健康忠告</td>
085+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9436.png" alt="" /><br /></td>
086+ <td style="border:1px solid #ddd;">1. 点击AQHI图标，进入点击等级的健康忠告。</td>
087+ </tr></tbody></table></div>

009-
009+ <img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" />
029- 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener">
029+ 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" />
036- 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">
036+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
043- 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">
043+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
047-
047+ <img src="/zentao/file-read-9429.png" alt="" />
056- 2.拖动图标
056+ 2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" />
069- 1. 关注图标
069+ 1. 关注图标<img src="/zentao/file-read-9434.png" alt="" />
076- 5. 进入详情图标
076+ 5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" />
085-
085+ <img src="/zentao/file-read-9436.png" alt="" />
087-
087+ 数据加载失败的页面显示
088+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
089+
090+
091+ 离线使用的页面显示
092+
093+ 1. 该页面支持离线使用，保留上次缓存的数据，进入页面提示“连接错误”，如图；
094+ 2. 点击【好的】可继续查看已缓存的数据
095+ <img src="/zentao/file-read-9442.png" alt="" />
096+

009- <p><img src="{9433.png}" alt="" /><img src="{9428.png}" alt="" /><img src="{9430.png}" alt="" /><img src="{9431.png}" alt="" /></p>
009+ <p><img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" /></p>
029- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="{9370.png}" alt="" /></a><br /></td>
029+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" /></a><br /></td>
036- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a><br /></td>
036+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a><br /></td>
043- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a><br /></td>
043+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a><br /></td>
047- <td style="border:1px solid #ddd;"><img src="{9429.png}" alt="" /><br /></td>
047+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9429.png" alt="" /><br /></td>
056- <p>2.拖动图标<img src="{9438.png}" alt="" /><img src="{9439.png}" alt="" /></p>
056+ <p>2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" /></p>
069- <p>1. 关注图标<img src="{9434.png}" alt="" /></p>
069+ <p>1. 关注图标<img src="/zentao/file-read-9434.png" alt="" /></p>
076- <p>5. 进入详情图标<img src="{9435.png}" alt="" /></p>
076+ <p>5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" /></p>
085- <td style="border:1px solid #ddd;"><img src="{9436.png}" alt="" /><br /></td>
085+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9436.png" alt="" /><br /></td>
087- </tr></tbody></table></div>
087+ </tr></tbody></table><h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
088+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
089+ <p><br /></p>
090+ <p><br /></p>
091+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
092+ <p style="font-size:14px;"><br /></p>
093+ <p style="font-size:14px;"><span style="background-color:#FFFFFF;">1. 该页面支持离线使用，保留上次缓存的数据，进入页面提示“连接错误”，如图；</span></p>
094+ <p style="font-size:14px;">2. 点击【好的】可继续查看已缓存的数据</p>
095+ <img src="/zentao/file-read-9442.png" alt="" /><p></p>
096+ </div>