<!--可视化公共模板 林业-->
<template>
	<div class="visual-con">
		<!--头部-->
		<div class="header">
			<div class="header-left"><img class="logo" src="@/assets/images/integrated/logo-small.png" />
				<h3 class="title">城乡一体化态势感知系统</h3>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style rel="stylesheet/scss" lang="scss" scoped >
	@import '@/assets/styles/base.scss';
	body {
		background: #020406;
	}
	.visual-con{
		width: -webkit-fit-content;
		height: 100%;
		margin: 0 auto;
		.header{
			background: url(../../../assets/images/visual/v-header.png) repeat-x center;
			height: 5vh;
			display: flex;
			align-items: center;

			.header-left {
				position: fixed;
				left: 10px;
				top: 5px;
				display: flex;
				align-items: center;
				color: $inBlue;
				font-family: $fontFk;

				.title {
					margin: 0 auto;
					line-height: 4vh;
					text-align: center;
					background-image: -webkit-linear-gradient(bottom, rgba($color: #00f6ff, $alpha: 1.0), rgba($color: #005aff, $alpha: 1.0));
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					color: #fff;
					font-size: 28px;
				}
			}

		}

	}


</style>
