tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
	<link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../static/css/experience2.css">
	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
	<script src="../static/js/vender/bootstrap/js/bootstrap.min.js"></script>
	<script src="../static/js/vender/toastr/toastr.min.js"></script>
	<script src="../static/js/vender/config.js"></script>
	<script>
		toastr.options.positionClass = 'toast-center-center';
	</script>
</head>
<div class="container">
	<div class="index-icon" id="index-what">
		<img class="img" src="../static/img/iosEnter/index-what.png" />
	</div>
	<div class="index-icon" id="index-phone">
		<img class="img" src="../static/img/iosEnter/index-phone.png" />
	</div>
</div>
<script type="text/javascript" th:inline="javascript">
	let node = document.getElementById('index-what');
	let phone = document.getElementById('index-phone');
	node.addEventListener('click', () => {
		window.location.href = 'https://www.baidu.com/'
	})
	phone.addEventListener('click', () => {
		window.location.href = 'https://client.phone.androidscloud.com/cloud/phone/web/#/pages/index/index'
	})
</script>
</body>
<style>
	.container{
		width: 100%;
		height: 98vh;
		padding-top: 0.2rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: rgba(16, 16, 16, 1);
	}
	.index-icon{
		width: 6.5rem;
		height: 2.28rem;
		padding-top: 0.36rem;
	}
	.img{
		width: 100%;
		height: 100%;
	}
	#toast-container>.toast-error {
		background-image: none !important;
	}

	.toast-error {
		background-color: rgba(0, 0, 0, 0.8);
	}

	#toast-container>div {
		font-size: 14px;
		min-width: 80px !important;
		padding: 12px !important;
		box-shadow: none;
	}

	@media (max-width: 480px) and (min-width: 241px) {
		#toast-container>div {
			min-width: 80px !important;
			width: auto;
		}
	}

	@media only screen and (min-width: 640px) {
		.toast-center-center {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	@media only screen and (max-width: 640px) {
		.toast-center-center {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	input::-webkit-input-placeholder {
		color: #BBBBBB;
	}

	input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #BBBBBB;
	}

	input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #BBBBBB;
	}

	input:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #BBBBBB;
	}
</style>

</html>