Kirin
/
shenying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./img/logo.png" type="image/x-icon">
    <title>download</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html,
        body {
            height: 100%;
            width: 100%;
        }

        body {
            background-color: #fff;
            overflow-x: hidden;
        }

        .head {
            height: 60%;
            text-align: center;
        }

        .head .bg {
            height: 100%;
        }

        .main {
            width: 100%;
			height: 100vh;
			background-image: url('./img/bg.png');
			background-size: 100% 100%;
			
        }

        .qr-box {
            width: 143px;
            height: 143px;
            margin: -71px auto 0;
            border-radius: 10px;
            border: solid 3px #ffffff;
            z-index: 99;
            position: relative;
        }

        .btn {
            display: block;
            width: 219px;
            height: 48px;
            border-radius: 10px;
            border: solid 1px #ffffff;
            font-family: SourceHanSansSC-Bold;
            font-size: 16px;
            letter-spacing: 1px;
            margin: 0 auto;
            font-weight: bold;
            line-height: 48px;
            text-indent: 40px;
        }
        .btn:active{
            opacity: .7;
        }
        .btn.android {
            background-color: #9f9b9b;
            color: #0d041c;
            margin-top: 44px;
        }

        .btn.iphone {
            background-color: #0d041c;
            color: #ffffff;
            margin-top: 16px;
        }

        .btn .icon {
            height: 20px;
            vertical-align: middle;
        }

        .btn.iphone .icon {
            height: 22px;
        }
        a{
            text-decoration: none;
        }
        .qr-box{
            position: relative;
        }
        .logo{
            position: absolute;
            width: 24px;
            height: 24px;
            left: 50%;
            top: 50%;
            z-index: 2;
            margin-left: -12px;
            margin-top: -12px;
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
        }
        #qrBox{
            display: inline-block;
            border: 4px solid #fff;
            font-size: 0;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -57px;
            margin-left: -57px;
        }
        #qrBox img{
            display: block;
        }
    </style>
</head>

<body>
    <main class="main">
        <div class="head">
            <img class="bg" src="" alt="">
        </div>
        <div class="qr-box">
            <div id="qrBox"></div>
            <img class="logo" src="./img/logo.png" alt="">
        </div>
		<div id="upload" style="background-color: rgb(0,0,0,0.7);position: fixed;top: 0;width: 100%;height: 100%;z-index: 9999999;display: none;">
			<img style="width: 100%;height: 500px;" src="./img/upload.png" alt="">
		</div>
        <div id="android" class="btn android" onclick="toAndroid()">
            <img src="./img/androidicon.png" class="icon" alt="">
            Android down</div>
      <!-- <div id="ios" class="btn iphone" onclick="toIphone()">
            <img src="./img/iosicon.png" class="icon" alt="">
            ios download</div> -->
    </main>
    <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script>
        // 二维码内容
        var qrcode = 'https://www.senyinkj.cn/register/index.html'
        new QRCode(document.getElementById('qrBox'), {
            text:qrcode,
            width: 106,
            height: 106,
            colorDark: "#000000",
            colorLight: "#ffffff",
            correctLevel: QRCode.CorrectLevel.H
        });
        // $.getJSON(serve+'/api/app/getNewestVersion',function(e){
        //     let data = e.data
        //     $("#android").attr('href',data.android.url)
        //     $("#ios").attr('href',data.ios.url)
        // })
		 function toAndroid() {
			 const bool = navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger';
			 if (bool) {
					var x = document.getElementById("upload");
					x.style.display = "block";
			 } else {
				 $.getJSON('https://www.senyinkj.cn/api/version',function(e){
					 window.location.href = e.data.apk;
				 })
			 }
		}
		function toIphone(){
			//window.location.href =  window.location.protocol + "//" + window.location.host+'home/download/iosdom.mobileconfig'
		}
    </script>
</body>

</html>