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.
210 lines
9.5 KiB
HTML
210 lines
9.5 KiB
HTML
5 years ago
|
<extend name="Public/bases" />
|
||
|
|
<block name="css">
|
||
|
|
<link href="__CSS__/gift.css" rel="stylesheet" >
|
||
|
|
<style>
|
||
|
|
.list-detail .text .name {max-width:90%;margin-right:0;}
|
||
|
|
.info-novice {
|
||
|
|
font-style: normal;}
|
||
|
|
</style>
|
||
|
|
</block>
|
||
|
|
<block name="body" >
|
||
|
|
<header class="header">
|
||
|
|
<div class="">
|
||
|
|
<a href="javascript:history.go(-1);" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
|
||
|
|
<h1 class="caption">{$mate_title}</h1>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div class="occupy"></div>
|
||
|
|
<section class="trunker">
|
||
|
|
<section class="container">
|
||
|
|
<section class="list-detail">
|
||
|
|
<ul class="" id="ajaxContainer" currentpage="{$page}" game_id="{$game_id}">
|
||
|
|
<foreach name="data" item="v">
|
||
|
|
<li>
|
||
|
|
<a class="za_icon2" href="{:U('detail?id='.$v['id'])}">
|
||
|
|
<img src="{$v['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="btnbox">
|
||
|
|
<switch name="v['exist']">
|
||
|
|
<case value="0">
|
||
|
|
<a href="javascript:" class="btn copy" onclick="Copy('{$v.get_novice}', this)">复制</a>
|
||
|
|
</case>
|
||
|
|
<case value="1">
|
||
|
|
<a href="javascript:" class="btn submit" data-id="{$v['id']}">领取</a><!-- {:U('detail?id='.$v['id'])} -->
|
||
|
|
</case>
|
||
|
|
<case value="2">
|
||
|
|
<a href="javascript:" class="btn disabled">已领完</a>
|
||
|
|
</case>
|
||
|
|
</switch>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="text">
|
||
|
|
<div class="namebox"><a href="{:U('detail?id='.$v['id'])}" class="name">{$v['giftbag_name']}</a></div>
|
||
|
|
<div class="info">剩余：<i class="info-novice js-info-novice">{$v['novice_num']}</i></div>
|
||
|
|
<p class="description">{$v['desribe']}</p>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</foreach>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
<div class="popmsg pop-dialog"></div>
|
||
|
|
<div class="popnotice pop-window"></div>
|
||
|
|
<div class="pop pop-window">
|
||
|
|
<div class="pop-box">
|
||
|
|
<div class="pop-wrap gift"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
|
||
|
|
<script src="__JS__/ajaxload.js"></script>
|
||
|
|
<script src="__JS__/clipboard.min.js"></script>
|
||
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
||
|
|
<script>
|
||
|
|
var ac = $('#ajaxContainer'),game_id = ac.attr('game_id');
|
||
|
|
var popmsg = $('.loading').pop();
|
||
|
|
ajaxload('{:U("ajaxgift")}',{'id':game_id},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];
|
||
|
|
//alert(item.exist);
|
||
|
|
html += '<li><a href="'+item.url+'">';
|
||
|
|
if(item.icon){
|
||
|
|
html += ' <img src="'+item.icon+'" class="icon">';
|
||
|
|
}else{
|
||
|
|
html += '<span class="dis_tab"><span class="dis_tabcell"><div>{:C("SET_POSITION_IMG")}</div></span></span>';
|
||
|
|
}
|
||
|
|
html += '</a>';
|
||
|
|
switch(item.exist){
|
||
|
|
case 0:
|
||
|
|
html += ' <div class="btnbox"><a href="javascript:" class="btn" onclick="Copy(''+item.get_novice+'')">复制</a></div>'
|
||
|
|
break;
|
||
|
|
case 1:
|
||
|
|
html += ' <div class="btnbox"><a href="javascript:" class="btn submit" data-id="'+item.id+'">领取</a></div>'
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
html += ' <div class="btnbox"><a href="javascript:" class="btn disabled">已领完</a></div>'
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
html+= ' <div class="text">'+
|
||
|
|
' <div class="namebox"><a href="'+item.url+'" class="name">'+item.game_name+'</a></div>'+
|
||
|
|
' <div class="info">剩余：<i class="info-novice js-info-novice">'+item.novice_num+'</i></div>'+
|
||
|
|
' <p class="description">'+item.desribe+'</p>'+
|
||
|
|
' </div>'+
|
||
|
|
'</li>';
|
||
|
|
}
|
||
|
|
|
||
|
|
ac.append(html);
|
||
|
|
$('.loading').addClass('ms-none');
|
||
|
|
$('#moreBtn').removeClass('ms-none');loads=false;
|
||
|
|
} else {
|
||
|
|
$('.loading').removeClass('hidden').addClass('ms-none');
|
||
|
|
|
||
|
|
popmsg.msg('已经到底了~');
|
||
|
|
// $('#moreBtn').show().html('已经到底了~');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var browser = {
|
||
|
|
versions:function(){
|
||
|
|
var u = navigator.userAgent,app=navigator.appVersion;
|
||
|
|
return {
|
||
|
|
trident:u.indexOf('Trident')>-1,/*IE*/
|
||
|
|
presto:u.indexOf('Presto')>-1,/*opera*/
|
||
|
|
webkit:u.indexOf('AppleWebKit')>-1,/*apple google*/
|
||
|
|
gecko:u.indexOf('Gecko')>-1 && u.indexOf('KHTML')==-1,/*firefox*/
|
||
|
|
mobile:!!u.match(/AppleWebKit.*Mobile.*/)||!u.match(/AppleWebKit/),/*移动*/
|
||
|
|
ios:!!u.match(/\(i[^;]+;( U;)?CPU.+Mac OS X/),/*ios*/
|
||
|
|
android:u.indexOf('Android')>-1 || u.indexOf('Linux')>-1,/*android uc*/
|
||
|
|
iPhone:u.indexOf('iPhone')>-1|| u.indexOf('Mac')>-1,/*iPhone QQHD*/
|
||
|
|
iPad:u.indexOf('iPad')>-1,/*iPad*/
|
||
|
|
webApp:u.indexOf('Safari')==-1,
|
||
|
|
};
|
||
|
|
}(),
|
||
|
|
language:(navigator.browserLanguage||navigator.language).toLowerCase(),
|
||
|
|
}
|
||
|
|
var pop = $('.pop').pop();
|
||
|
|
var pmsg = $(".popmsg").pop();
|
||
|
|
var popnotice = $(".popnotice").pop();
|
||
|
|
|
||
|
|
function Copy(str,that){
|
||
|
|
|
||
|
|
text = str;
|
||
|
|
var clipboard = new Clipboard('.copy',{
|
||
|
|
text: function() {
|
||
|
|
return text;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
clipboard.on('success', function(e) {
|
||
|
|
|
||
|
|
|
||
|
|
setTimeout(function(){
|
||
|
|
popnotice.removeClass('').addClass('pop-message').msg('<span class="pop-cell"><div class="pop-box2 pop-picture"><img class="pop-image" src="__IMG__/pop_completed.png"><p class="pop-text">复制成功</p></div></span>',1000);
|
||
|
|
setTimeout(function(){popnotice.close();setTimeout(function(){popnotice.find('span').html('').removeClass('pop-message');},810);},1800);
|
||
|
|
},440);
|
||
|
|
e.clearSelection();
|
||
|
|
});
|
||
|
|
|
||
|
|
clipboard.on('error', function(e) {
|
||
|
|
|
||
|
|
setTimeout(function(){
|
||
|
|
popnotice.removeClass('').addClass('pop-message').msg('<span class="pop-cell"><div class="pop-box2 pop-picture"><img class="pop-image" src="__IMG__/pop_completed.png"><p class="pop-text">复制失败</p></div></span>',1000);
|
||
|
|
setTimeout(function(){popnotice.close();setTimeout(function(){popnotice.find('span').html('').removeClass('pop-message');},810);},1800);
|
||
|
|
},440);
|
||
|
|
|
||
|
|
alert('此浏览器不支持此操作，请长按礼包码复制');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#ajaxContainer").delegate('.submit','click',function(){
|
||
|
|
thatt = $(this);
|
||
|
|
var id = $(this).attr('data-id');
|
||
|
|
$.ajax({
|
||
|
|
async:false,
|
||
|
|
url:"{:U('Gift/get_novice')}",
|
||
|
|
type:"post",
|
||
|
|
dataType:"json",
|
||
|
|
data:{gift_id:id},
|
||
|
|
success:function(result){
|
||
|
|
if(result.status == 1){
|
||
|
|
thatt.removeClass('submit');
|
||
|
|
thatt.addClass('copy');
|
||
|
|
thatt.text('复制').attr('onclick', 'Copy(\''+result.url+'\',this)');
|
||
|
|
var infoNovice = thatt.closest('li').find('.info .js-info-novice');
|
||
|
|
infoNovice.text(parseInt(infoNovice.text())-1);
|
||
|
|
var code = result.url;
|
||
|
|
$(this).removeClass('submit').addClass('disabled');
|
||
|
|
|
||
|
|
pop.addClass('pop-hint').open(800,'<div class="pop-content"><a href="javascript:;" class="pop-close">X</a><div class="pop-title">领取成功！</div><div class="pop-code pop-table"><span class="pop-cell pop-mark">礼包码：</span><span class="pop-cell pop-input"><span class="code-txt">'+code+'</span><input type="text" readonly class="code pop-txt" style="display: none;" value="'+code+'"></span></div><p class="pop-text">( 为避免过期，请尽快进入游戏使用 )</p><div class="zdiv_copy"><a href="javascript:;" class="copy pop-btn">复制礼包码</a></div></div>');
|
||
|
|
|
||
|
|
pop.find('.pop-close').click(function() {pop.close();setTimeout(function(){pop.removeClass('pop-hint');},800)});
|
||
|
|
pop.find('.copy').click(function() {
|
||
|
|
//移动端复制
|
||
|
|
that = $(this);
|
||
|
|
pop.close(400);
|
||
|
|
setTimeout(function(){pop.removeClass('pop-hint');},410);
|
||
|
|
Copy(code,that);
|
||
|
|
setTimeout(function(){window.location.reload();},2000);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
}else{
|
||
|
|
pop.close();
|
||
|
|
pmsg.msg(result.info);
|
||
|
|
if(result.url != ""){
|
||
|
|
setTimeout(function () {window.location.href = result.url;}, 2000);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error:function(){
|
||
|
|
alert('服务器异常');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</block>
|
||
|
|
<block name="footer"></block>
|