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.

155 lines
5.8 KiB
HTML

5 years ago
<extend name="Public/bases" />
<block name="css">
<link href="__CSS__/user.css" rel="stylesheet" >
</block>
<block name="body" >
<body class="user">
<header class="header">
<div class="">
<a href="{:U('User/index')}" class="hbtn back"><i class="iconfont icon-drop-left"></i></a>
<h1 class="caption">我的礼包</h1>
</div>
</header>
<div class="occupy"></div>
<section class="trunker">
<section class="container">
<div class="trunker-section user-gift-list">
<ul class="t-content clearfix" id="ajaxContainer" currentpage="{$page}">
<volist name="data" id="vo">
<li>
<div class="item">
<a href="{:U('Gift/detail',array('id'=>$vo['gift_id']))}" class="za_iconmygift">
<img src="{$vo['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
</a>
<div class="delbox jsbutton touch">
<span>&nbsp;</span>
<a href="javascript:;" class="del jsdel"><span><i>删除</i></span></a>
</div>
<div class="text">
<div class="namebox">
<a href="{:U('Gift/detail',array('id'=>$vo['gift_id']))}" class="name">{$vo.gift_name}</a>
</div>
<div class="info">有效期:{$vo.start_time|date="Y-m-d",###}~{$vo['end_time']}</div>
<div class="copybtntb">
<div class="copybtntable">
<span class="prefix"><p>礼包码:</p></span>
<span class="middle">
<input type="text" class="input copytext" readonly="" value="{$vo['novice']}">
</span>
<span class="subfix">
<button class="btn notice_btn jsgetgiftcopy" data-clipboard-text="{$vo.novice}">复制</button>
</span>
</div>
</div>
</div>
</div>
</li>
</volist>
</ul>
</div>
</section>
</section>
<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
<div class="pop pop-dialog"></div>
<div class="popmsg pop-dialog"></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 += '<li>'+
' <div class="item"><a href="'+item.url+'" class="za_iconmygift">'+
' <img src="'+item.icon+'" class="icon" onerror="this.src=\'__IMG__/empty.jpg\';this.onerror=null">'+
' </a><div class="delbox jsbutton touch">'+
' <span>&nbsp;</span>'+
' <a href="javascript:;" class="del jsdel"><span><i>删除</i></span></a>'+
' </div>'+
' <div class="text">'+
' <div class="namebox">'+
' <a href="'+item.url+'" class="name">'+item.gift_name+'</a>'+
' </div>'+
' <div class="info">有效期'+item.start_time+'~'+item.end_time+'</div>'+
' <div class="copybtntb">'+
' <div class="copybtntable">'+
' <span class="prefix"><p>礼包码:</p></span>'+
' <span class="middle">'+
' <input type="text" class="input copytext" readonly="" value="'+item.novice+'">'+
' </span>'+
' <span class="subfix">'+
' <button class="btn notice_btn jsgetgiftcopy" data-clipboard-text="'+item.novice+'">复制</button>'+
' </span>'+
' </div>'+
' </div>'+
' </div>'+
' </div>'+
'</li>';
}
ac.append(html);
$('.loading').addClass('ms-none');
$('#moreBtn').removeClass('ms-none');loads = false;
} else {
$('.loading').removeClass('hidden').addClass('ms-none');
pmsg.msg('已经到底了~');
}
})
});
</script>
</body>
</block>
<block name="footer"></block>