<extend name="Public/bases" />
<block name="css">
<link href="__CSS__/{:C('DEFAULT_THEME')}/gift.css" rel="stylesheet" >
</block>
<block name="header">
<div class="header">
<section class="wrap">
<div class="caption">
<span class="table">
<span class="table-cell">
<a href="{:U('Gift/index',array('account'=>I('account'),'rs'=>1))}" class="tab-item <eq name='Think.get.rs' value='1'>active</eq>"><span>推荐</span></a>
</span>
<span class="table-cell">
<a href="{:U('Gift/index',array('account'=>I('account'),'rs'=>2))}" class="tab-item <eq name='Think.get.rs' value='2'>active</eq>"><span>热门</span></a>
</span>
<span class="table-cell">
<a href="{:U('Gift/index',array('account'=>I('account')))}" class="tab-item <empty name='Think.get.rs'>active</empty>"><span>所有</span></a>
</span>
</span>
</div>
</section>
</div>
<div class="header-space"></div>
</block>
<block name="body">
<div class="trunk-box">
<div class="wrap">
<div class="list">
<notempty name="lists">
<ul class="gamepack clearfix">
<volist name="lists" id="vo" >
<li class="pack">
<div class="supitem clearfix">
<div class="pic">
<span class="font table"><span class="table-cell">----游戏</span></span>
<img src="{$vo['game_icon_url']}" class="icon">
</div>
<div class="txt">
<a href="{$vo.game_url}" class="name">{$vo.game_name}</a>
<p class="giftnum">共<i>{$vo.gift_count}</i>个礼包</p>
</div>
</div>
<notempty name="vo.gift">
<ul class="giftpack">
<volist name="vo.gift" id="vos">
<li>
<div class="item">
<div class="but">
<span class="table">
<span class="table-cell">
<gt name='vos.recordid' value='0'>
<a href="javascript:;" class="butn jsgetgift disabled">已领取</a>
<else />
<a href="javascript:;" data-id="{$vos.id}" class="butn jsgetgift">领取</a>
</gt>
</span>
</span>
</div>
<div class="txt">
<a href="{$vos.gift_url}" class="name">[{$vos.gift_name}]</a>
<p class="description">礼包内容：{$vos.gift_content}</p>
<p class="surplus">剩余：<span>{$vos.novice}</span></p>
</div>
</div>
</li>
</volist>
</ul>
</notempty>
</li>
</volist>
</ul>
<a href="javascript:;" class="loading jsmore">加载更多</a>
<else />
<div class="empty">
<span class="table">
<span class="table-cell">
<img src="__IMG__/wap/empty_icon_list.png" class="empty-icon">
<p class="empty-text"><span>无数据</span></p>
</span>
</span>
</div>
</notempty>
</div>
</div>
</div>
</block>
<block name="footer">
<include file="Public:footer" />
</block>
<block name="script">
<empty name="lists">
<script>
window.onload = function(){
$('.list').css({'height':($(window).height()-$('.header-space').height()-$('.footer-space').height())+'px'});
}
</script>
<else />
<script src="__STATIC__/layer/layer.js"></script>
<script src="__JS__/clipboard.min.js"></script>
<script>
function Copy(str,that,index){
text = str;
var clipboard = new Clipboard('.copy',{
text: function() {
return text;
}
});
clipboard.on('success', function(e) {
that.text('复制成功');
e.clearSelection();
setTimeout(function(){layer.close(index);layer.msg('复制成功');},1500);
});
clipboard.on('error', function(e) {
that.text('复制完成');
alert('此浏览器不支持此操作，请长按礼包码复制');
});
}
var total = "{$total}";
var page = 1;
var loadflag = false;
$(function() {
$('.jsmore').on('click',function() {
ajax();
});
load();
$(window).scroll(function() {
load();
return false;
});
getgift();
});
function getgift() {
$('.jsgetgift').on('click',function() {
var that=$(this),id=$.trim(that.attr('data-id')),text = $.trim(that.text());
if (id>0) {
if (that.hasClass('disabled')) {return false;}
that.addClass('disabled').text('领取中');
$.ajax({
type:'post',
dataType:'json',
url:'{:U("Gift/getgift")}',
data:{id:id},
success:function(data) {
switch(parseInt(data.status)) {
case 1:
case 2:
case 3:{
that.text('已领取');
var title = parseInt(data.status)==2?'你已成功领取过':'领取成功！';
layer.open({
type: 1,
closeBtn: '1',
title: false,
skin: 'layer-lwx-style', //加上边框
area: ['7rem', '3.5rem'], //宽高
content: '<div class="layer-lwx-notice"><h4 class="layer-lwx-title">'+title+'</h4><p class="layer-lwx-novice"><span>激活码：</span><span class="novice-txt">'+data.info+'</span></p><div class="layer-lwx-butn"><a href="javascript:;" class="butn copy">复制激活码</a></div></div>',
success:function(layero, index){
$('.copy').click(function() {
// //移动端复制
$(".copy").text('复制成功');
Copy($('.novice-txt').text(),$(this),index);
return false;
});
}
});
};break;
case 4:{
that.text('已领完');
layer.msg(data.info);
};break;
default:{layer.msg(data.info);
that.removeClass('disabled').text(text);}
}
},error:function() {
layer.msg('服务器故障，请稍候再试...');
that.removeClass('disabled').text(text);
}
});
}
return false;
});
}
function load() {
var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if ($(document).height() <= totalheight) {
ajax();
} else {
ajax();
}
}
function ajax() {
var loading = $('.jsmore');
if (loadflag) {return false;}
if (page>total) {loading.html('数据加载完成');return false;}
$.ajax({
type:'get',
dataType:'json',
url:'{:U("more")}',
data:{p:++page,account:'{:I("account")}',rs:'{:I("rs")}'},
beforeSend:function() {
loading.html('<span class="icon"></span>');loadflag = true;
},
success:function(data) {
if (parseInt(data.status) == 1) {
loading.html('加载更多');
var html = '';
$.each(data.list,function(i,n) {
html+=' <li class="pack">'
html+=' <div class="supitem clearfix">'
html+=' <div class="pic">'
html+=' <span class="font table"><span class="table-cell">----游戏</span></span>'
html+=' <img src="'+n.game_icon+'" class="icon">'
html+=' </div>'
html+=' <div class="txt">'
html+=' <a href="" class="name">'+n.game_name+'</a>'
html+=' <p class="giftnum">共<i>'+n.gift_count+'</i>个礼包</p>'
html+=' </div>'
html+=' </div>'
html+=' <ul class="giftpack">'
$.each(n.gift,function(j,m) {
html+=' <li>'
html+=' <div class="item">'
html+=' <div class="but">'
html+=' <span class="table">'
html+=' <span class="table-cell">'
if (m.recordid>0) {
html+=' <a href="javascript:;" class="butn jsgetgift disabled">已领取</a>'
} else{
html+=' <a href="javascript:;" data-id="'+m.id+'" class="butn jsgetgift">领取</a>'
}
html+=' </span>'
html+=' </span>'
html+=' </div>'
html+=' <div class="txt">'
html+=' <a href="'+m.gift_url+'" class="name">'+m.gift_name+'</a>'
html+=' <p class="description">礼包内容：</p>'
html+=' <p class="surplus">剩余：<span>'+m.novice+'</span></p>'
html+=' </div>'
html+=' </div>'
html+=' </li>'
});
html+=' </ul>'
html+=' </li>'
});
$('.list .gamepack').append(html);
getgift();
} else {
loading.html('数据加载完成');
}
loadflag = false;
},
error:function() {
loading.html('加载更多');loadflag = false;
}
});
}
</script>
</empty>
</block>