clouds_and_stars
/
yun-invite.html

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/yun-invite.css"/>
	</head>
	<style>
		.mui-action-back{
    			color: #666 !important;
    		}
    		.mui-title{
    			color: #333 !important;
    			font-weight: bold;
    		}

	</style>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript">
		mui.init()
	</script>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">邀请码</h1>
		</header>
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
		        <!--这里放置真实显示的DOM内容-->
		        <div class="title">
		        </div>
		        <div class="sub-title">
		        		开启星球之门
		        </div>
		        <div class="content">
		        		<div class="content-title">您的邀请码</div>
		        		<div class="invit-code">ACLH</div>
		        		<div class="btn-copy" id="copy">复制</div>
		        		<div class="desc">
		        			剩余邀请次数<span id="cs">10</span>次(邀请总次数10次)
		        		</div>
		        		<div class="qr-code">
		        			<div> </div>
		        			<p>扫码加入云和星球</p>
		        		</div>

		        </div>
		    </div>
		</div>

	</body>
<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
<script>
	initScroll()
	mui.plusReady(function() {
		var userinfo = JSON.parse(plus.storage.getItem("userinfo"));
		$("#cs").text(userinfo.sy);
		var copyBtn = document.getElementById('copy')
		tapEvent('#copy', function() {
			var data = document.getElementsByClassName('invit-code')[0].innerText
			copyToBoard(data)
			mui.toast('复制成功')
		})
	})
</script>
</html>