-
Notifications
You must be signed in to change notification settings - Fork 0
/
参考文档.html
27 lines (27 loc) · 2.79 KB
/
参考文档.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>参考文档</title>
<link
href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet" />
</head>
<body>
<!--背景图-->
<img src="u1.gif" style="width:100%; height:695px; position:relative;z-index:-1;opacity:0.6;"/>
<!--标题（图标+中英文）-->
<img src="u2.svg" style="position:absolute;left:500px;top:50px;width:80px;height:80px;opacity:0.7;"/>
<div style="position:absolute;left:615px;top:45px;font-family:'华文宋体 Bold', '华文宋体', sans-serif;font-size:48px;">参考文档</div>
<div style="position:absolute;left:600px;top:100px;font-family:'Century Bold', 'Century Normal', 'Century', sans-serif;font-size:24px;">Reference Document</div>
<!--参考文档-->
<div style="position:absolute;left:200px;top:200px;width:1000px;font-size:18px;color:black;">
本系统共为您提供了5个功能：骑行环境审计；非法占用评价；道路宽度评价；道路绿化评价；自助街景评分。</br>
其中：</br>
骑行环境审计界面，您能够点击地图上的标注点，本系统为您显示该点的街景图片，并在左侧表单显示图片名称、该图片的各项评分细则和总分。您还能够输入一个地理位置，本系统为您显示该位置的评分结果（若该位置有多张图片则输出均分）；又或者您输入一个评分范围，本系统为您显示评分结果在该范围内的所有地理位置。</br>
非法占用评价界面，您能够在地图上看到全局非机动车占用机动车道的情况，本系统将这些地方用红圈为您可视化出来。您还能够上传一张图片，本系统对其进行非法占用情况的评价。</br>
道路宽度评价界面，您能够上传一张图片，本系统对其道路宽度进行评价，并显示出来。</br>
道路绿化评价界面，您能够上传一张图片，本系统对其道路宽度进行评价，并显示出来。</br>
自助街景评分界面，您必须要先登录才能成功访问。本系统在左侧为您显示您已上传的图片列表，您能够对其进行批量删除。您还可以批量上传文件，本系统为您将这些图片在右侧预览出来，您还能够预览上一张/下一张。最主要的是，本系统能够为您对已上传的图片进行综合骑行环境评分，您还可以选择多种格式将评分结果保存到本地。</br>
</div>
</body>