tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!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');
	let userAgent = navigator.userAgent.split(' ');
	let currIosVersionNumber = '';
	let serveIosVersionNumber = '';
	userAgent.map(item => {
		if(item.includes('Safari')) {
			currIosVersionNumber = item.split('/')[1];
		}
	})
	//获取版本号
	function switchControl(){
		$.ajax({
			url: baseUrl + '/api/public/v4/access/user/switchControl',
			type: 'get',
			contentType:"application/json",
			dataType: 'json',
			cache: false,
			success: function (res) {
				serveIosVersionNumber = res.data.iosVersionNumber;
				let result = versionStringCompare(currIosVersionNumber, serveIosVersionNumber);
				if(result === 1) {
					phone.style.display = 'none';
				} else {
					phone.style.display = 'block';
				}
			}
		})
	}
	switchControl();
	node.addEventListener('click', () => {
		window.location.href = 'https://www.baidu.com/'
	})
	phone.addEventListener('click', () => {
		window.location.href = baseUrl + '/cloud/phone/web/#/pages/index/index'
	})
	function versionStringCompare(preVersion='', lastVersion='') {
    var sources = preVersion.split('.');
    var dests = lastVersion.split('.');
    var maxL = Math.max(sources.length, dests.length);
    var result = 0;
    for (let i = 0; i < maxL; i++) {  
        let preValue = sources.length>i ? sources[i]:0;
        let preNum = isNaN(Number(preValue)) ? preValue.charCodeAt() : Number(preValue);
        let lastValue = dests.length>i ? dests[i]:0;
        let lastNum =  isNaN(Number(lastValue)) ? lastValue.charCodeAt() : Number(lastValue);
        if (preNum < lastNum) {
            result = -1;
            break;
        } else if (preNum > lastNum) { 
            result = 1;
            break;
        }
    }
    return result;
}
</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%;
	}
	#index-phone{
		display: none;
	}
	#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>