noseCloud
/
Starboth-Cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
							<!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/normalize2.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="top free-code-con" style="position:relative;background: #169af2;">
	<!-- <p th:text="${fileCenterDownloadIp}" id="fileCenterDownloadIp" hidden="hidden">test</p>
	<p th:text="${code}" id="code" hidden="hidden">test</p>
	<p th:text="${platform}" id="platform" hidden="hidden">test</p>
	<p th:text="${version}" id="version" hidden="hidden">test</p>
	<p th:text="${downloadId}" id="downloadId" hidden="hidden">test</p> -->
	<div class="bottom-img">
		<div class="center-pic">
			<div class="recv-cont" id="recv_cont">
				<div onclick="handleClick2()" style="position: relative">
					<div class="recv-btn" id="recv_btn">
						<img src="../static/img/experienceBtn.png" alt="" style="width: 100%">
						<div class="btn-bg-style">
							<span>领取体验时长并下载</span>
							<img src="../static/img/xing_icon.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<script type="text/javascript" th:inline="javascript">
	// var baseUrl = 'http://14.18.190.141:38051'
	let code = '', platform = '', version = '', fileIp = '', downloadId = '';
	goAppDownload();
	function goAppDownload() {
		const data = {
			code: GetRequest().code,
			platform: GetRequest().platform
		}
		$.ajax({
			url: baseUrl + `/api/ditch/goAppDownload?code=${data.code}&platform=${data.platform}`,
			type: 'get',
			contentType: "application/json",
			dataType: 'json',
			cache: false,
			success: function (res) {
				if (res.status === 0) {
					code = res.data.code;
					fileIp = res.data.fileIp;
					downloadId = res.data.downloadId;
					platform = res.data.platform;
					version = res.data.version;
				} else {
					toastr.error(res.msg)
				}
			}
		})
	}

	function handleClick2() {
		const data = {
			code: code,
			platform: platform,
			version: version,
			type: 5
		}
		$.ajax({
			url: baseUrl + '/api/channelRecord/addChannelAppDownload',
			data: JSON.stringify(data),
			type: 'post',
			contentType: "application/json",
			dataType: 'json',
			cache: false,
			success: function (res) {
				if (res.status === 0) {
					location.href = fileIp + downloadId;
				} else {
					toastr.error(res.msg)
				}
			}
		})
	}

	function visit() {
		$.ajax({
			url: baseUrl + '/api/user/v3/invitation/client/addInviteData',
			type: 'get',
			cache: false,
			dataType: 'text',
			success: function () { }
		})
	}
	visit()
</script>
</body>
<style>
	#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>