lizhen
/
lizhi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!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">
    <link rel="stylesheet" href="__CDN__/assets/invite/reset.css">
    <!-- <link rel="stylesheet" href="__CDN__/assets/invite/sweetalert/sweetalert.css"> -->
    <script src="__CDN__/assets/invite/sweetalert/sweetalert.js"></script>
    <script src="__CDN__/assets/invite/clipboard/clipboard.min.js"></script>

    <title>下载app</title>
    <script>
        !(function(win, doc) {
            function setFontSize() {
            var docEl = doc.documentElement;
            var winWidth = docEl.clientWidth;
            doc.documentElement.style.fontSize = (winWidth / 375) * 100 + "px";
            }
            var userAgent = navigator.userAgent;
            win.addEventListener("resize", function() {
            if (navigator.userAgent !== userAgent) {
                location.reload();
            }
            });
            setFontSize();
        })(window, document);
    </script>
    <style>
        .page{
            width: 3.48rem;
            height: 6.17rem;
            position: relative;
            margin: 0 auto;
            padding: 0.14rem;
            background-color: #1D1A1B;
        }
        .people-panel{
           width: 3.20rem;
           height: 5.35rem;
           position: relative;
           z-index: 2;
           margin: 0 auto;
        }
        .people-panel .people-img{
           width: 100%;
           height: 100%;
           position: relative;
           object-fit: cover;
        }
        .people-panel::after{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
        }
        .girl-panel{
            position: absolute;
            z-index: 3;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding-top: 0.42rem;
        }
        .girl-panel .logo-img{
            width: 1.41rem;
            height: 0.44rem;
            object-fit: cover;
        }
        .girl-panel .girl-img{
            width: 3.02rem;
            height: 4.34rem;
            object-fit: cover;
        }
        .code-panel{
            position: absolute;
            z-index: 4;
            width: 100%;
            height: 1.60rem;
            left: 0;
            bottom: 0;
            padding-top: 0.66rem;
            background: url(__CDN__/assets/invite/imgs/bottom.png) no-repeat center/cover;

        }
        .code-panel .code-wrap{
            width: 100%;

        }
        .code-panel .code-wrap .k{
            font-size: 0.20rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #FFEDAD;
            margin-right: 0.10rem;
        }
        .code-panel .code-wrap .v{
            font-size: 0.17rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #E84B67;
        }
        .code-panel .btn-wrap{
            margin:  0.20rem auto 0;
            background: #FFEDAD;
            border-radius: 0.13rem;
            width: 1.20rem;
            height: 0.30rem;
            line-height: 0.30rem;
            text-align: center;
            font-size: 0.14rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #E84B67;
        }
        body{
            width: 100%;
            height: 100vh;
            background-color: #1D1A1B;
        }
        .mengban{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.1);
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            z-index: -100;
        }
        .tip img{
            position: absolute;
            top: 10px;
            right: 30px;
            width: 150px;
            height: 130px;
            z-index: -200;
            display: none;
        }
    </style>
</head>

<body>
    <div class="mengban" id="mengban">
    </div>
    <div class="tip">
        <img src="__CDN__/assets/invite/imgs/tips.png" id="tip" style="opacity: 1">
    </div>
    <div class="page">
        <div class="people-panel">
            <img src="__CDN__/assets/invite/imgs/people.png" class="people-img"/>
        </div>
        <div class="girl-panel flex-col align-center">
            <img src="__CDN__/assets/invite/imgs/logo.png" class="logo-img"/>
            <img src="__CDN__/assets/invite/imgs/girl.png" class="girl-img">
        </div>
        <div class="code-panel">
            <div class="code-wrap align-center justify-center">
                <span class="k">邀请码</span>
                <span class="v">{$code}</span>
            </div>
            <div class="btn-wrap copy" data-clipboard-text="{$code}" id="copy">
                复制并下载
            </div>
        </div>
    </div>
    <input type="hidden" id="is_wechat" value="{$is_wechat}">
</body>
</html>
<script>

    window.onload = function () {
        var is_wxchat = document.getElementById('is_wechat').value;
        var mengban = document.getElementById("mengban");
        var tip = document.getElementById("tip");
        var copy = document.getElementById("copy");

        if (is_wxchat != 0) {
            // console.log(2212);
            mengban.style.zIndex="9999";
            mengban.style.display="block";
            tip.style.zIndex="10";
            tip.style.display="block";
            copy.style.display="none";
            setInterval(function () {
                // console.log(tip.style.opacity);
                if (tip.style.opacity == 1) {
                    tip.style.opacity = 0;
                } else {
                    tip.style.opacity = 1;
                }
            }, 1000)
        }
    };

var clipboard = new ClipboardJS('.copy');
clipboard.on('success', function(e) {
    // console.log(e.text);
    // swal({icon: "success",text:'复制成功',closeOnClickOutside: true,buttons: false,timer: 3000});
    window.location.href="{$site.apkUrl}"
});

clipboard.on('error', function(e) {
    swal({icon: "error",text:'复制失败',closeOnClickOutside: true,buttons: false,timer: 3000})
});
</script>