master

分支 (1)

管理

管理

master

jiujiu
/
index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>页面链接</title>
		<style>
			*{
				padding: 0;
				list-style: none;
				margin: 0;
				scrollbar-color: #00fcff rgba(0,0,0,0.2); /* 滑块颜色  滚动条背景颜色 */
			  	scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
			}

			/*修改谷歌默认滚动条样式*/
			::-webkit-scrollbar {/*滚动条整体样式*/
			    width: 2px; /*高宽分别对应横竖滚动条的尺寸*/
			    height: 2px;
			}
			::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
			    border-radius: 4px;
			    -webkit-box-shadow: inset 0 0 2px #00fcff;
			    background: rgba(0,0,0,0.2);
			}
			::-webkit-scrollbar-track {/*滚动条里面轨道*/
			    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
			    border-radius: 0;
			    background: rgba(0,0,0,0.1);
			}

			.box{
				width: 500px;
			}
			a,span{
				color:#000;
			}
			li{
				display: flex;
				justify-content: space-between;
				padding: 4px 10px;
			}
			span.ok{
				color:#3ac53a;
			}
			.no{
				color:red;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<ul>
				<li><a href="告警分析.html">告警分析</a><span class="ok">(已完成)</span></li>
				<li><a href="实时监测.html">实时监测</a><span class="ok">(已完成)</span></li>
				<li><a href="排放清单.html">排放清单</a><span class="ok">(已完成)</span></li>
				<li><a href="数据分析.html">数据分析</a><span class="ok">(已完成)</span></li>
				<li><a href="有组织.html">有组织</a><span class="ok">(已完成)</span></li>
				<li><a href="有组织实时数据.html">有组织实时数据</a><span class="ok">(已完成)</span></li>
				<li><a href="有组织清单.html">有组织清单</a><span class="ok">(已完成)</span></li>
				<li><a href="煤棚3.html">煤棚3</a><span class="ok">(已完成)</span></li>
				<li><a href="视频.html">视频</a><span class="ok">(已完成)</span></li>
				<li><a href="视频区域.html">视频区域</a><span class="ok">(已完成)</span></li>
				<li><a href="设备台账.html">设备台账</a><span class="ok">(已完成)</span></li>
				<li><a href="车辆出入.html">车辆出入</a><span class="ok">(已完成)</span></li>
				<li><a href="车辆排放.html">车辆排放</a><span class="ok">(已完成)</span></li>
				<li><a href="车辆清洗.html">车辆清洗</a><span class="ok">(已完成)</span></li>
				<li><a href="车辆苫盖.html">车辆苫盖</a><span class="ok">(已完成)</span></li>
				<li><a href="运行状态.html">运行状态</a><span class="ok">(已完成)</span></li>
				<li><a href="雾炮.html">雾炮(已完成)</a><span class="ok">(已完成)</span></li>
				<li><a href="皮带.html">皮带</a><span class="ok">(已完成)</span></li>
				<li><a href="动态数据.html">动态数据</a><span class="ok">(已完成)</span></li>
				<li><a href="炼钢生产区.html">炼钢生产区</a><span class="ok">(已完成)</span></li>
				<li><a href="煤棚.html">煤棚</a><span class="ok">(已完成)</span></li>
				<li><a href="概览.html">概览</a><span class="ok">(已完成)</span></li>
			</ul>

		</div>
	</body>
</html>