lizhen
/
yueke


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Elin Dance Studio</title>
		<link rel="stylesheet" href="/assets/appdown/common/style.css">
		<script type="text/javascript" src="/assets/appdown/common/resize.js"></script>
		<script type="text/javascript" src="/assets/appdown/common/jquery.min.js"></script>
		<style>
			.page{
				height: 100vh;
				width: 100%;
				background: url(/assets/appdown/images/h5_bg.png) no-repeat center/cover;
			}
			.header-placer{
				height: 8%;
				width: 100%;
			}
			.p-header{
				height: 9%;
			}
			.p-header .logo{
				height: 100%;
				width: auto;
				object-fit: cover;
				margin: 0 auto;
			}
			.p-placer{
				height: 12%;
			}
			.p-ic .ic{
				height: 63%;
				width: 100%;
				object-fit: cover;
			}
			.p-bom{
				height: 30%;
				background-color: #2A2A2A;
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 10;
			}
			.p-bom .line1{
				height: 12%;
				width: 100%;
			}
			.p-bom .btn{
				height: 27%;
				text-align: center;
			}
			.p-bom .btn img{
			    height: 100%;
				width: auto;
				object-fit: cover;
			}
			.p-bom .line2{
				height: 10%;
				width: 100%;
			}
			.p-bom .tips{
				height: 22%;
			}
			.p-bom .line3{
				height: 3%;
				width: 100%;
			}
			.p-bom .tips .txt{
				font-size: 0.24rem;
				font-family: PingFang SC;
				font-weight: 500;
				color: #96C4FF;
				opacity: 0.5;
			}

		</style>
	</head>

	<body>
		<div class="page">
			<div class="header-placer"></div>
			<div class="p-header align-center justify-center">
				<img src="/assets/appdown/images/h5_logo.png" alt="" class="logo">
			</div>
			<div class="p-placer"></div>
			<div class="p-ic">
				<img src="/assets/appdown/images/h5_pic.png" class="ic">
			</div>
			<div class="p-bom flex-col align-center">
				<div class="line1"></div>
				<a href="{$ios_downurl}" class="btn">
					<img data-locale="ios_down_img" src="/assets/appdown/images/h5zh_ios.png" alt="">
				</a>
				<div class="line2"></div>
				<a href="{$android_apkUrl}" class="btn">
					<img data-locale="android_down_img" src="/assets/appdown/images/h5zh_andr.png" alt="">
				</a>
				<div class="line3"></div>
				<p class="tips align-center justify-center">
					<span class="txt" data-locale="down_tips">Elin安全专属页面，请放心下载</span>
				</p>
			</div>
		</div>	
	</body>
</html>

<script>
	function docReady(fn) {
		if (document.readyState === 'complete' || document.readyState === 'interactive') {
			fn()
		} else {
			document.addEventListener('DOMContentLoaded', fn);
		}
	}

	function GetRequest() {
		var url = location.search;
		var theRequest = new Object();
		// console.log('url---',url)
		if (url.indexOf('?') != -1) {
			var str = url.substr(1);
			// console.log('str---',str)
			var strs = str.split('&');
			for (var i = 0; i < strs.length; i++) {
				theRequest[strs[i].split('=')[0]] = (strs[i].split('=')[1]);
			}
		}
		return theRequest;
	}
	var Request = new Object();
	Request = GetRequest();
	// let query = "order_no=" + Request.orderNo + "&name=" + Request.name + "&money=" + Request.money + "&token=" + Request
	// 	.token + "&logo=" + Request.logo
	let query = 'i=a';
    
	
	docReady(async function() {
	    // 语言包
		const langZH = {
			ios_down_img: '/assets/appdown/images/h5zh_ios.png',
			android_down_img: '/assets/appdown/images/h5zh_andr.png',
			down_tips: 'Elin安全专属页面，请放心下载',
		}
		const langEN = {
			ios_down_img: '/assets/appdown/images/h5en_ios.png',
			android_down_img: '/assets/appdown/images/h5en_andr.png',
			down_tips: "Elin Safe and dedicated page, please feel free to download",
		}
		function loadLang(lang){
			$("[data-locale]").each(function () {
				var key = $(this).data("locale");
				// console.log("===",key,lang[key])
				if(key.indexOf('_img') !== -1){ 
					$(this).attr("src", lang[key]);
				}else{
					$(this).html(lang[key]);
				}
			});
		}
		loadLang(langEN);
	})


</script>