master

分支 (1)

管理

管理

master

preview
/
index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>大屏数据可视化</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		.header {
			line-height: 52px;
			text-align: center;
			font-size: 24px;
			color: rgb(255, 229, 86);
			background-color: #101f32;
		}

		.wrapper {
			display: -webkit-flex;
			display: flex;
			justify-content: space-around;
			flex-wrap: nowrap;
			margin: 0 auto;
			max-width: 1000px;
			min-width: 600px;
		}

		.case {
			display: block;
			width: 50%;
			margin: 15px;
			text-decoration: none;
			color: #101f32;
		}

		.case h3 {
			margin-bottom: 3px;
			font-size: 16px;
		}

		.case img {
			display: block;
			width: 100%;
		}
	</style>
</head>

<body>
	<div class="header">大屏数据可视化</div>
	<div class="wrapper">
		<a class="case" href="房地产监控大屏模板/" target="_blank">
			<h3>房地产监控大屏</h3>
			<img class="thumb" src="preview/estatemonitor.png" />
		</a>
		<a class="case" href="智慧园区管理/" target="_blank">
			<h3>智慧园区管理</h3>
			<img class="thumb" src="preview/wisdom-park-manage.png" />
		</a>
	</div>
	<div class="wrapper">
		<a class="case" href="中国党员结构可视化大屏/" target="_blank">
			<h3>中国党员结构可视化大屏</h3>
			<img class="thumb" src="preview/party-member-distribution.png" />
		</a>
		<a class="case" href="010 双数智慧公卫-传染病督导平台/" target="_blank">
			<h3>双数智慧公卫-传染病督导平台</h3>
			<img class="thumb" src="preview/010 双数智慧公卫-传染病督导平台.png" />
		</a>
	</div>
	<div class="wrapper">
		<a class="case" href="020 大数据通用模版大标题样式/" target="_blank">
			<h3>大数据</h3>
			<img class="thumb" src="preview/020 大数据通用模版大标题样式.png" />
		</a>
		<a class="case" href="021 大数据通用模版/" target="_blank">
			<h3>大数据</h3>
			<img class="thumb" src="preview/021 大数据可视化系统数据分析通用模版.png" />
		</a>
	</div>
	<div class="wrapper">
		<a class="case" href="025 大数据可视化展板通用模板/" target="_blank">
			<h3>大数据可视化</h3>
			<img class="thumb" src="preview/025 大数据可视化展板通用模板.png" />
		</a>
	</div>
</body>

</html>