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.
298 lines
8.0 KiB
HTML
298 lines
8.0 KiB
HTML
<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> |