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.

219 lines
7.2 KiB
HTML

<extend name="Public/bases" />
<block name="css">
<link href="__CSS__/{:C('DEFAULT_THEME')}/game.css" rel="stylesheet" >
</block>
<block name="header">
<div class="header header-detail">
<section class="wrap">
<a class="hbtn left return" href="{:U('Game/index',array('account'=>I('account')))}"><span class="table"><span class="table-cell"><img src="__IMG__/wap/detail_nav_btn_return.png"></span></span></a>
<div class="caption"><span class="table"><span class="table-cell">{$data.game_name}</span></span></div>
</section>
</div>
<div class="header-space"></div>
</block>
<block name="body">
<div class="trunk-box detail">
<div class="wrap">
<div class="base clearfix game-base">
<div class="item ">
<div class="pic"><span class="font table"><span class="table-cell">----游戏</span></span><img src="{:get_cover($data['game_icon'],'path')}"></div>
<div class="but clearfix">
<span class="table">
<span class="table-cell">
<notempty name="data.pc_url">
<a href="{$data.pc_url}" target="_blank" class="butn qq-butn">玩家交流群</a>
<else />
<a href="javascript:;" target="_blank" class="butn qq-butn disabled">玩家交流群</a>
</notempty>
</span>
</span>
</div>
<div class="txt">
<h3 class="name">{:str_replace(array('(安卓版)','(苹果版)'),'',$data['game_name'])}</h3>
<p class="info"><span>{:set_number_short($data['download_number'])}人下载</span><i></i><span>{$data.game_size|default=0}MB</span></p>
</div>
</div>
</div>
<div class="content game-cotent">
<div class="tab clearfix">
<a href="{:U('Game/detail',array('account'=>I('account'),'name'=>I('name'),'source'=>I('source')))}" class="tab-item"><span>详情</span></a>
<a href="{:U('Game/open',array('account'=>I('account'),'name'=>I('name'),'source'=>I('source')))}" class="tab-item"><span>开服</span></a>
<a href="" class="tab-item active"><span>礼包</span></a>
</div>
<div class="panel">
<div class="gift-list">
<div class="gift-list-content">
<notempty name="lists">
<ul class="clearfix">
<volist name="lists" id="vo">
<li>
<div class="item">
<div class="but">
<span class="table">
<span class="table-cell">
<gt name='vo.recordid' value='0'>
<a href="javascript:;" class="butn jsgetgift disabled">已领取</a>
<else />
<a href="javascript:;" data-id="{$vo.id}" class="butn jsgetgift">领取</a>
</gt>
</span>
</span>
</div>
<div class="txt">
<h5 class="name"><a href="{:U('Gift/detail',array('id'=>$vo['id'],'account'=>I('account')))}" class="name">[{$vo.game_name}]{$vo.gift_name}</a></h5>
<p class="description">礼包内容:<if condition="mb_strwidth($vo['gift_content'],'utf-8') gt 50">{:mb_strimwidth($vo['gift_content'],0,50,'...','utf-8')}<else />{$vo.gift_content}</if></p>
<p class="info"><span class="surplus">剩余:<i><notempty name="vo.novice">{:count(explode(',',$vo['novice']))}<else />0</notempty></i></span><span class="servername">{$vo.server_name}</span></p>
<p class="time">有效期:{$vo.start_time|date='y.m.d',###}-{$vo.end_time|date='y.m.d',###}</p>
</div>
</div>
</li>
</volist>
</ul>
<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 class="pagenation">{$_page}</div>
</div>
</div>
</div>
</div>
<notempty name="other">
<div class="other">
<div class="other-title">猜你喜欢</div>
<div class="other-content">
<ul class="clearfix">
<volist name="other" id="vo">
<li>
<div class="item">
<div class="pic"><a href="{$vo.jump_url}"><span class="font table"><span class="table-cell">----游戏</span></span><img src="{:get_cover($vo['game_icon'],'path')}"></a></div>
<div class="txt">
<a href="{$vo.jump_url}" class="name">{:str_replace(array('(安卓版)','(苹果版)'),'',$vo['game_name'])}</a>
</div>
</div>
</li>
</volist>
</ul>
</div>
</div>
</notempty>
</div>
</div>
</block>
<block name="footer">
<div class="down-space"></div>
<div class="down">
<div class="wrap">
<notempty name="data.download">
<a href="{$data.download}" class="butn">下载游戏</a>
<else />
<a href="javascript:;" class="butn disabled">下载游戏</a>
</notempty>
</div>
</div>
</block>
<block name="script">
<script src="__STATIC__/layer/layer.js"></script>
<empty name="data">
<script>layer.msg('未查到此游戏数据');setTimeout(function(){window.location.href="{:U('Game/index',array('account'=>I('account')))}";},1500);</script>
</empty>
<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('此浏览器不支持此操作,请长按礼包码复制');
});
}
$(function() {
$('.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;
});
});
</script>
</block>