yuting.cui
/
credit_h5


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>邀请好友</title>
    <link rel="stylesheet" href="./common/reset.css?v=1">
    <script src="./common/jquery-2.1.0.js"></script>
    <style>
        * {box-sizing: border-box;margin: 0;padding: 0;border: none;text-align: center;font-family: "PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif";}
        span,p,div {font-size: .12rem;}
        html,body {
            width: 100%;
        }
        .back {
            width: 100%;position: absolute;top: 0;left: 0;
        }
        .button {
            width: 2.75rem;height: .54rem;position: absolute;top: 4.49rem;left: 50%;transform: translate(-50%,0);font-size: .12rem;
        }
        .record{
            background: url(./img/bgRecord.png) no-repeat;background-size:100%;width: 3.43rem;height: 2.5rem;
            position: absolute;top: 9.7rem;left: 0;right: 0;margin: auto;
        }
        .record .myReward{
            font-size: 0.15rem;line-height: 0.21rem;color: #333333;text-align: center;margin-top:0.59rem; 
        }
        .record .myReward span{
            color: #FD5E02;font-size: 0.15rem;line-height: 0.21rem;
        }
        .record ul{
            width: 3.17rem;height: 1.06rem;border-radius: 0.53rem;background: #FFCCA9;margin: 0.28rem auto 0;
            display: flex;align-items: center;justify-content: space-around;
        }
        .record ul li {
            text-align: center;
        }
        .record ul li div{
            color: #333333;font-size: 0.15rem;line-height: 0.21rem;margin-bottom: 0.06rem;
            display: flex;align-items: center;justify-content: center;
        }
        .record ul li em{
            color: #FD5E02;font-size: 0.24rem;line-height: 0.33rem;
        }
        .record ul li span{
            color: #666666;font-size: 0.13rem;line-height: 0.18rem;
        }
    </style>
    <script>
        var viewport = document.querySelector("meta[name=viewport]")
        if (window.devicePixelRatio == 1) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no')
        } 
        if (window.devicePixelRatio == 2) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no')
        } 
        if (window.devicePixelRatio == 3) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=0.333333333, maximum-scale=0.333333333, minimum-scale=0.333333333, user-scalable=no')
        } 
        document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
        window.onresize=function(){
            document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
        }
    </script>
</head>
<body>
    <img class="back" src="./img/appBack.png" alt="">
    <img class="button" src="./img/invite.png" alt="">
    <div class="record">
        <div class="myReward">我的历史奖励：<span>*江湖币</span></div>
        <ul>
            <li>
                <div><em id="inviteNum">*</em>人</div>
                <span>邀请人数</span>
            </li>
            <li>
                <div><em id="authNum">*</em>人</div>
                <span>认证人数</span>
            </li>
            <li>
                <div><em id="inviteGold">*</em>币</div>
                <span>邀请奖励</span>
            </li>
        </ul>
    </div>
</body>
</html>
<script src="./js/inviteApp.js?v=1"></script>