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.
221 lines
10 KiB
HTML
221 lines
10 KiB
HTML
<extend name="Public/base" />
|
|
<block name="body" >
|
|
<link rel="stylesheet" href="__CSS__/gift.css">
|
|
<div class="">
|
|
<img src="__IMG__/inner_banner2.jpg">
|
|
</div>
|
|
<div class="g-container gift-page">
|
|
<div class="g-main">
|
|
<div class="giftmix fix">
|
|
<div class="giftmix-left fl">
|
|
<div class="hd_title">
|
|
<span class="title">
|
|
<span class="line"></span>
|
|
礼包简介
|
|
</span>
|
|
</div>
|
|
<div class="gift_wrap clearfix">
|
|
<div class="gift-article-top laybox">
|
|
<div class="img">
|
|
|
|
<img alt="400x300.jpg" src="{:get_cover($gift['icon'],'path')}" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
|
|
|
|
</div>
|
|
<div class="info">
|
|
<div class="name">{$gift.relation_game_name}</div>
|
|
<dl class="test clearfix">
|
|
<div class="type" style="width:100%">礼包名称:<span class="blue">{$gift.giftbag_name}</span></div>
|
|
|
|
<div class="ser">适用区服:<span class="blue"><if condition="$gift.server_name neq '请选择区服'">{$gift.server_name}<else/>全服通用</if></span></div>
|
|
<div class="os">适用系统:<if condition="$gift.giftbag_version eq 2"><i class="icon pf-ios"></i><else/><i class="icon pf-android"></i></if></div>
|
|
<div class="time">领取时间:<span class="blue">{:set_show_time($gift['start_time'])} - {:set_show_time($gift['end_time'],'','forever')}</span></div>
|
|
<div class="progress-box"> <span class="progress"><i id="bfb1" style="width:{:($gift['gift_num']['wei']/$gift['gift_num']['all'])*100}%"></i></span> <em id="bfb2">剩余{:round(($gift['gift_num']['wei']/$gift['gift_num']['all']),2)*100}%</em> </div>
|
|
<input type="hidden" id="okbfb" name="okbfb" value="{:round((($gift['gift_num']['wei']-1)/$gift['gift_num']['all']),2)*100}">
|
|
</dl>
|
|
</div>
|
|
<div class="btn_box">
|
|
<a data-toggle="modal" href="#login-modal" class="btn-getgift get_gift" ></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hd_title mt35">
|
|
<span class="title">
|
|
<span class="line"></span>
|
|
使用方法
|
|
</span>
|
|
</div>
|
|
<div class="gift_wrap clearfix">
|
|
<div class="m-detail-text-box">
|
|
<div class="m-detail-text-wrapper" >
|
|
<p>发放日期:{:set_show_time($gift['create_time'],'date')} </p>
|
|
<p></p>
|
|
<p>兑换方法:<span style="color:#999;">{$gift.digest}</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hd_title mt35">
|
|
<span class="title">
|
|
<span class="line"></span>
|
|
礼包物品
|
|
</span>
|
|
</div>
|
|
<div class="gift_wrap clearfix">
|
|
<div class="m-detail-text-box">
|
|
<div class="m-detail-text-wrapper" >
|
|
<p> 【礼包内容】:<span style="color:#999;">{$gift.desribe}</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="giftmix-right fr">
|
|
<div class="hot_title">
|
|
游戏信息
|
|
</div>
|
|
<div class="hot_list">
|
|
<div class="this-game fix" style="margin-left:30px;margin-bottom:10px;">
|
|
<a class="gift_seattop fl" href="{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}">
|
|
|
|
<img src="{:get_cover($gift['icon'],'path')}" width="98" height="98" class="fl" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
|
|
|
|
|
|
</a>
|
|
<div class="info fl">
|
|
<p class="name" title="{$gift.relation_game_name}" style="cursor:pointer;" onclick="window.location.href='{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}'">《{:msubstr2($gift['relation_game_name'],0,6)}》</p>
|
|
<p class="type" title="{$gift.game_type_name}">游戏类型:{:msubstr2($gift['game_type_name'],0,6)}</p>
|
|
<a href="{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}" class="btn-download">免费下载</a> </div>
|
|
</div>
|
|
<div class="con" style="margin-left:30px;">{$gift.features}</div>
|
|
</div>
|
|
<div class="hd_title mt35">
|
|
<span class="title">
|
|
其他礼包
|
|
</span>
|
|
</div>
|
|
<div class="giftasid_wrap clearfix">
|
|
<div class="mod-othergift laybox">
|
|
<ul class="othergift-list">
|
|
<volist name="gift_like" id="glike">
|
|
<li>
|
|
<a class="gift_seat" href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}">
|
|
|
|
<img src="{:get_cover($glike['icon'],'path')}" width="68" height="68" class="img" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
|
|
|
|
|
|
</a>
|
|
<div class="info">
|
|
<p class="name" title="【{:$glike['relation_game_name']}】{:$glike['giftbag_name']}" style="cursor:pointer;" onclick="window.location.href='{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}'">{:msubstr2($glike['giftbag_name'],0,6,'utf-8')}</p>
|
|
<p class="type" title="{:$glike['relation_game_name']}">{:msubstr2($glike['relation_game_name'],0,5,'utf-8')}</p>
|
|
</div>
|
|
<switch name="glike.code">
|
|
<case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" style="background-color:#c7c7c7" class="btn-getgift">已领完</a></case>
|
|
<case value='2'> <case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" class="btn-getgift">领取礼包</a></case>
|
|
<case value='3'> <case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" style="background-color:#c7c7c7" class="btn-getgift">已领取</a></case>
|
|
</switch>
|
|
</li>
|
|
</volist>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="__JS__/jquery.zclip.min.js"></script>
|
|
<script type="text/javascript" src="__JS__/modal.js"></script>
|
|
<script src="__JS__/global.js"></script>
|
|
<script>
|
|
//判断用户是否领取过礼包
|
|
$.ajax({
|
|
type:'post',
|
|
dataType:'json',
|
|
url:"{:U('is_get_gift')}",
|
|
data:{id:"{:$gift['gift_id']}"},
|
|
success:function(data){
|
|
if(data.type==1){
|
|
$('.get_gift').text('已领完');
|
|
$('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
|
|
}else if(data.type==3){
|
|
$('.get_gift').text('已领取');
|
|
$('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
|
|
}else{
|
|
$('.get_gift').text('领取礼包');
|
|
$('.get_gift').css({"background-color":"#03b4f5","box-shadow":"0 3px 0 #098cbc"});
|
|
}
|
|
}
|
|
})
|
|
$('.get_gift').click(function() {
|
|
id= "{:session('user_auth.user_id')}";
|
|
if(!id){
|
|
layer.msg('您还未登录或UC用户暂不支持',function(){
|
|
});
|
|
return false;
|
|
}
|
|
giftid = "{:$gift['gift_id']}";
|
|
giftname = "{:$gift['giftbag_name']}";
|
|
if (!giftid) {
|
|
alert('礼包不存在');
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
type: 'POST',
|
|
async: false,//异步
|
|
dataType: 'json',
|
|
url: UURL + 'getGameGift',
|
|
data: {
|
|
'giftid': giftid,
|
|
'giftname': giftname
|
|
},
|
|
beforeSend: function () {
|
|
},
|
|
success: function (data) {
|
|
|
|
switch (parseInt(data.status)) {
|
|
case 1:
|
|
if (data.msg == 'no') {
|
|
$('.suctip').html('<i class="i-suc"></i>当前礼包您已经领取过了 (:');
|
|
$('#card').text(data.data);
|
|
} else if (data.msg == 'ok') {
|
|
var bsb = $('#okbfb').val();
|
|
$('#bfb1').css('width',bsb+"%");
|
|
$('#bfb2').text("剩余"+bsb+"%");
|
|
$('#card').text(data.data);
|
|
$('.get_gift').text('已领取');
|
|
$('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
|
|
} else {
|
|
$('.success').addClass('none');
|
|
$('.false').removeClass('none');
|
|
}
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
},
|
|
error: function () {
|
|
alert('服务器故障,稍后再试');
|
|
return false;
|
|
},
|
|
cache: false
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</block>
|
|
<block name="giftextend">
|
|
<!-- 礼包弹窗 -->
|
|
<div class="pop-gift modal get_popgift" id="login-modal">
|
|
<div class="pop-hd"><a data-dismiss="modal" class="pop-close"></a></div>
|
|
<div class="pop-bd">
|
|
<div class="success">
|
|
<div class="suctip"><i class="i-suc"></i> 恭喜您领取成功!</div>
|
|
<div class="card">卡号:<span id="card"></span></div>
|
|
<a class="dib btn-copy" id="copybtn">复制</a>
|
|
<p class="desc">您的礼包已保存到用户中心的礼包盒 <a href="{:U('Member/users_gift')}" class="c-blue">前往查看</a></p>
|
|
<a class="dib btn-sub" data-dismiss="modal" id="btn-subcard">确定</a> </div>
|
|
<div class="false none"> 您来晚啦,礼包已被抢光啦! </div>
|
|
</div>
|
|
</div>
|
|
</block> |