mead
/
epidemic-h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<!-- <meta name="divport" content="width=device-width, initial-scale=1.0"> -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
	</head>
	<body>

		<div class="border" id="shareImage">
			<div class="content">
				<div class="title_1" styletext-align: center;
			font-size: 26px;
			font-weight: bold;
			line-height: 88px;
			color: #23459D;
			opacity: 1;>
					<text>郑州</text>>>><text>安阳</text>
				</div>
				<div class="title_2">
					郑州回安阳过年需要隔离吗?
				</div>
				<div class="text_1">
					对于在湖北入境的人员，实施“14+14”的健康管理措施。即14天集中隔离医学观察，期间进行2次核酸检测和1次抗体检测;集中隔离医学观察期满后再实施14天居家医学观察，期间进行两次核酸检测。入境人员隔离点应在隔离对象隔离期满前3天，将隔离人员相关信息通知其地新冠肺炎疫情防控指挥部，以便当地落实居家医学观察。

					天居家医学观察，期间进行两次核酸检测。入境人员隔离点应在隔离对象隔离期满前3天，将隔离人员相关信息通知其地新冠肺炎疫情防控指挥部，以便当地落实居家医学观察。
				</div>
				<div class="tip_share">
					
					<div class="left_share">
					<img class='share_img' src="img/erwei.jpg" mode=""></img>
						
					</div>
					<div class="right_share">
						<div class="">
							数据来源(可点击,数据来源列表)
						</div>
						<div class="">
							<text>xxxx</text>城市疫情防控指挥中心
						</div>
					</div>
				</div>
			</div>
			
			<img class="btimg" src="img/btimg.png" mode=""></img>
			<img src="img/icon6.png" mode="" class="icon"></img>
		</div>
		<div id="size">

		</div>
	</body>
	<script src="./js/html2canvas.js" type="text/javascript"></script>
	<script src="./js/html2canvas.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		html2canvas(document.querySelector("#shareImage"), {
			backgroundColor:'#0FC6A1',
			 width: 600,
			  height: 600
		}).then(canvas => {
			document.body.appendChild(canvas)
		});
		//   new html2canvas(document.getElementById('shareImage'),{

		// width:550;
		// }).then(canvas => {
		//   	// canvas为转换后的Canvas对象
		//   	let oImg = new Image();
		//   	oImg.src = canvas.toDataURL(); // 导出图片
		//   	document.getElementById('size').appendChild(oImg); // 将生成的图片添加到body
		//   });
	</script>
	<style type="text/css">
		body {
			height: 100%;
			margin: 0;
			padding: 0;
		}

		#size {
			margin: 30px;
			background-color: #00BFFF;
		}

		/* #size{
			height: 600px;
			width: 600px;
		} */
		/* #shareImage{
			width: 600px;
			height: 600px;
		} */
		#shareImage {
			/* 	width: 100%; */
			position: relative;
			/* height:100%; */
			padding: 0 15px;
			padding-top: 50px;
			padding-bottom: 40px;
			/* 	height: 600px; */
			background: linear-gradient(180deg, #1E37EB 0%, #0FC6A1 100%);
		}

		.content {
			padding: 45px 17px;
			background-color: #FFFFFF;
			border-radius: 12px;
			margin-bottom: 170px;
		}

		.btimg {
			position: absolute;
			left: 0;
			bottom: 0;
		}

		.icon {
			position: absolute;
			top: 23px;
			right: 15px;
			height: 80px;
			width: 80px;
		}

		.title_1 {
			text-align: center;
			font-size: 26px;
			font-weight: bold;
			line-height: 88px;
			color: #23459D;
			opacity: 1;
		}

		.title_2 {
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			line-height: 34px;
			color: #333333;
			opacity: 1;
			margin-top: 10px;
			margin-bottom: 20px;
		}

		.text_1 {
			font-size: 14px;
			font-weight: 400;
			line-height: 21px;
			color: #333333;
			opacity: 1;
		}

		.tip_share {
			display: flex;
			margin-top: 32px;
		}

		.left_share {
			flex:0 0 40%;
			background-color: #00BFFF;
			/* display: inline-block;
			vertical-align: middle; */
		}

		.share_img {
			height: 60px;
			width: 60px;
			margin-left: 30px;
			background-image: url(img/erwei.jpg);
			background-size: 60px;
			/* right: 17px; */
		}

		.right_share {
			flex:0 0 60%;
		/* 	display: inline-block;
			vertical-align: middle; */
			text-align: right;
			margin-top: 8px;
			font-size: 14px;
			font-weight: 400;
			line-height: 21px;
			color: #333333;
			opacity: 1;
		}
	</style>
</html>