You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
4.8 KiB
HTML
147 lines
4.8 KiB
HTML
<extend name="Public/bases" />
|
|
<block name="css">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link href="__CSS__/user.css" rel="stylesheet" >
|
|
<script src="__JS__/jquery-1.11.3.min.js"></script>
|
|
<script type="text/javascript" src="__JS__/getRem.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/foot_tabbar.css">
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/myBag.css">
|
|
</block>
|
|
<block name="body" >
|
|
<body style="background-image:none;">
|
|
<div class="myBag">
|
|
<!-- 子页公共头部 -->
|
|
<div class="subpage-heard" style="width: 100%;position: fixed;top:0;margin-bottom: 1rem;z-index: 999">我的礼包
|
|
<a href="{:U('User/index')}" class="arrows"></a>
|
|
</div>
|
|
<div style="height: 1.4rem"></div>
|
|
<!-- 没有内容时显示 -->
|
|
<empty name="data">
|
|
|
|
<div class="not-play" >
|
|
<img src="__IMG__/not_play.png" alt="">
|
|
<span>您还没有相关内容哦</span>
|
|
</div>
|
|
<else/>
|
|
<div id="ajaxContainer" currentpage="{$page}">
|
|
<volist name="data" id="data">
|
|
<div class="myBag-box">
|
|
<div class="myBag-info">
|
|
<div class="infoBox">
|
|
<div class="title">特权礼包</div>
|
|
<div class="gift-bag">
|
|
<img src="__IMG__/libao.png" alt="">
|
|
<span>{$data.gift_name}</span>
|
|
</div>
|
|
<div class="describe">[{$data.desribe}]</div>
|
|
<div class="redeem">
|
|
<div >兑换码：<span >{$data.novice}</span></div>
|
|
<a class="jsgetgiftcopy" data-clipboard-text="{$data.novice}">复制兑换码</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</volist>
|
|
</div>
|
|
</empty>
|
|
|
|
|
|
</div>
|
|
<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
|
|
<div class="pop pop-dialog"></div>
|
|
<style>
|
|
.pop-dialog span {
|
|
padding: .1rem 1rem;
|
|
}
|
|
</style>
|
|
<div class="popmsg pop-dialog" style="font-size: 15px!important;"></div>
|
|
<div class="space"></div>
|
|
<script src="__JS__/ajaxload.js"></script>
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
|
<script src="__JS__/clipboard.min.js"></script>
|
|
<script src="__JS__/slider.lwx.min.js"></script>
|
|
<script>
|
|
$(function() {
|
|
var pmsg = $('.popmsg').pop();
|
|
|
|
var clipboard = new Clipboard('.jsgetgiftcopy');
|
|
|
|
clipboard.on('success', function(e) {
|
|
pmsg.msg('复制成功');
|
|
e.clearSelection();
|
|
});
|
|
|
|
clipboard.on('error', function(e) {
|
|
pmsg.msg('此浏览器不支持此操作，请长按礼包码复制');
|
|
});
|
|
|
|
|
|
$('.jscopy').click(function(event) {
|
|
var elem = $(this).siblings('input');
|
|
if (window.clipboarData) {
|
|
window.clipboarData.clearData();
|
|
window.clipboarData.setData('text',elem.val());
|
|
alert('已经成功复制');
|
|
} else {
|
|
elem.select();
|
|
alert('请长按礼包号码上选择');
|
|
}
|
|
return false;
|
|
});
|
|
|
|
slider.init('.jsbutton');
|
|
var pop = $('.pop').pop();
|
|
$('.jsdel').click(function() {
|
|
pop.msg('dddd');
|
|
});
|
|
|
|
var popmsg = $('.loading').pop();
|
|
|
|
<?php if(!$data){?>
|
|
pmsg.msg('暂无数据');
|
|
<?php }?>
|
|
var ac = $('#ajaxContainer');
|
|
ajaxload('{:U("ajaxUserGift")}',{},function(data) {
|
|
if (data.status == 1) {
|
|
ac.attr('currentpage',data.page);
|
|
var html = '',d = data.lists;
|
|
for (var i in d) {
|
|
var item = d[i];
|
|
html += '<div class="myBag-box">'+
|
|
'<div class="myBag-info">'+
|
|
'<div class="infoBox"> ' +
|
|
'<div class="title">特权礼包</div>' +
|
|
'<div class="gift-bag">' +
|
|
'<img src="__IMG__/libao.png" alt="">' +
|
|
'<span>{$data.gift_name}</span></div>' +
|
|
'<div class="describe">[' + item.desribe+ ']</div>'+
|
|
'<div class="redeem">'+
|
|
'<div >兑换码：<span >'+item.novice+'</span></div>' +
|
|
'<a class="jsgetgiftcopy" data-clipboard-text="'+item.novice+'">复制兑换码</a>'+
|
|
'</div> </div> </div> </div>';
|
|
}
|
|
ac.append(html);
|
|
|
|
|
|
|
|
|
|
|
|
$('.loading').addClass('ms-none');
|
|
$('#moreBtn').removeClass('ms-none');loads = false;
|
|
} else {
|
|
$('.loading').removeClass('hidden').addClass('ms-none');
|
|
pmsg.msg('已经到底了~');
|
|
}
|
|
})
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
<script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>
|
|
<script type="text/javascript" src="__JS__/myBag.js"></script>
|
|
</block>
|
|
<block name="footer"></block> |