<extend name="Public/bases" />
<block name="css">
<link href="__CSS__/open.css" rel="stylesheet" >
<link href="__CSS__/game.css" rel="stylesheet" >
<if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 0">
<style>
.t-tab li {width:25%;float:left;text-align:center;}
</style>
</if>
</block>
<block name="body" >
<script src="__JS__/TouchSlide.1.1.js"></script>
<header class="header">
<div class="">
<a href="{:U('Index/index')}" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
<h1 class="caption">{$data['relation_game_name']}</h1>
<a href="javaScript:" class="hbtn share" onClick="toshare()"><span class="table"><span class="table-cell"><i class="share_icon"></i></span></span></a>
</div>
</header>
<div class="occupy"></div>
<section class="trunker">
<section class="container">
<div class="base zclearfix">
<a class="za_icon">
<img src="{$data.icon|get_cover='path'}" alt="{$data.relation_game_name}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
</a>
<div class="text z_fl">
<div class="namebox">
<span class="name">{$data['relation_game_name']}</span>
<span class="stars"><i style="width:{$data['game_score']}0%;"></i></span>
</div>
<div class="info">
<span class="dlnumber">{$data['dow_num']}人下载</span></div>
<p class="description">{$data.features}</p>
</div>
<div class="collect_box z_fl">
<div class="table">
<div class="table-cell" data-game-id={$data['id']}>
<empty name='isCollect'>
<a href="javaScript:" class="obtn collect" status="1">
<i class="collect_icon collect_icon_no"></i>
<p>收藏</p></a>
<else/>
<a href="javaScript:" class="obtn collect" status="2"><i class="collect_icon collect_icon_yes"></i>
<p>已收藏</p></a>
</empty>
</div>
</div>
</div>
</div>
<div class="download_box">
<div class="download_wrap">
<span class="table">
<empty name="devices">
<if condition="$data['sdk_version'] eq 1">
<span class="table-cell dw3">
<eq name="data.down_port" value="2">
<a href="{$data['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
</eq>
</span>
<else/>
<span class="table-cell dw1">
<eq name="data.down_port" value="2">
<a href="{$data['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
</eq>
</span>
</if>
<span class="table-cell dw2"></span>
<notempty name="data1">
<if condition="$data1['sdk_version'] eq 1">
<span class="table-cell dw3">
<eq name="data1.down_port" value="2">
<a href="{$data1['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
</eq>
</span>
<else/>
<span class="table-cell dw1">
<eq name="data1.down_port" value="2">
<a href="{$data1['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
</eq>
</span>
</if>
</notempty>
<else />
<eq name="devices" value="2">
<span class="table-cell dw1">
<eq name="data.down_port" value="2">
<a href="{$data['ios_game_address']}" class="download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
</eq>
</span>
</eq>
<eq name="devices" value="1">
<span class="table-cell dw3">
<eq name="data.down_port" value="2">
<a href="{$data['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
<else />
<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
</eq>
</span>
</eq>
</empty>
</span>
</div>
</div>
<div class="other gd-other">
<ul class="t-tab gd-t-tab clearfix">
<li><a href="{:U('Game/detail?id='.$data['id'])}" class="btn active">简介</a></li>
<li><a href="{:U('Game/gift?id='.$data['id'])}" class="btn">礼包</a></li>
<li><a href="{:U('Game/open?id='.$data['id'])}" class="btn">开服</a></li>
<li><a href="{:U('Game/comment?id='.$data['id'])}" class="btn">评论<span class="topr_num">{$comment_count}</span></a></li>
<if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 1">
<li><a href="{:U('Game/trade?id='.$data['id'])}" class="btn">交易<span class="topr_num">{$trade_count}</span></a></li>
</if>
</ul>
<div class="t-list gd-t-list">
<div class="content game-detail">
<div id="carousel" class="carousel">
<div class="hd hidden">
<ul></ul>
</div>
<div class="bd">
<ul>
<volist name=":get_screenshot($data['screenshot'])" id="sd" mod="4">
<eq name="mod" value="3"></ul><ul></eq>
<li>
<a href="#">
<img _src="{$sd|get_cover='path'}" src="{$sd|get_cover='path'}" onerror="this.src='__IMG__/empty.jpg';this.onerror=null"/>
</a>
</li>
</volist>
</ul>
</div>
</div>
<div class="introduce">
<h2 class="detail-item-title">游戏介绍</h2>
<empty name="data.introduction">
<p>暂无游戏介绍</p>
<else/>
<p>{:str_replace("~~","<br>",$data['introduction'])}</p>
</empty>
</div>
</div>
</div>
</div>
</section>
</section>
<link rel="stylesheet" type="text/css" href="__CSS__/demo-fenxiang.css">
<style type="text/css">
.button-style0-32 a li {}
</style>
<div class="am-share" style="">
<h3 class="am-share-title">分享到</h3>
<style>
.bshare-custom {display:table;display:block;text-align:center;vertical-align:middle;padding:0;box-sizing:border-box;}
.bshare-custom .bshare-qqim,.bshare-custom .bshare-qzone,.bshare-custom .bshare-sinaminiblog {background:none;display:table-cell;width:0.5rem;height:0.5rem;display:inline-block;width:6rem;height:6rem;}
.bshare-custom a img {width:70%;height:70%;display:inline-block;margin:15% auto;}
@media screen and (min-width: 769px) {
.bshare-custom {width:620px;}
}
</style>
<div class="bshare-custom" style="background-color: #e6e6e6; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 0; height:6.1rem;zoom:1; overflow:hidden;text-align: center;">
<a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qqim',0);return false;"><img src="__IMG__/btn_normal_qq@3x.png" /><span style=""></span></a>
<a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qzone',0);return false;"><img src="__IMG__/btn_normal_kongjian@3x.png"/><span style=""></span></a>
<a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);" onclick="javascript:bShare.share(event,'sinaminiblog',0);return false;" ><img src="__IMG__/icon_weibo.png" /><span style=""></span></a>
</div>
<div class="am-share-footer"><button class="share_btn">取消</button></div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=1&lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</div>
<script>
bShare.addEntry({
title: "{$mate_title}",
url: "{$sahre_data.url}",
summary: "{$sahre_data.introduction}",
pic: "{$sahre_data.icon}"
});
</script>
<div class="popmsg pop-dialog"></div>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
TouchSlide({
slideCell:"#carousel",
titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
autoPage:true, //自动分页
pnLoop:"false", // 前后按钮不循环
switchLoad:"_src" //切换加载，真实图片路径为"_src"
});
var pop = $('.popmsg').pop();
$(".collect").click(function() {
var status = $(this).attr('status');
var game_id = $(this).parent().attr('data-game-id');
$.ajax({
url:"{:U('Game/collect_game')}",
type:"POST",
dataType:"json",
data:{game_id:game_id,status:status},
success:function(result){
pop.msg(result.info);
if(result.status == 1) {
setTimeout(function(){location.reload();},1500);
} else {
setTimeout(function(){
location.href = '{:U("User/login",array("url"=>base64_encode(base64_encode(U("Game/detail",array("id"=>$_GET["id"]))))))}';
},1500);
}
},
error:function(){
alert('服务器异常');
}
})
})
$("body").delegate('.down','click',function(){
var url = $(this).attr('url');
var pmsg = $(".popmsg").pop();
$.ajax({
url:url,
type:"get",
dataType:"json",
data:{},
success:function(result){
if(result.status == 0){
pmsg.msg(result.info);
}else{
location.href=result.url;
return false;
}
},
error:function(){
alert("服务器异常");
}
})
})
function toshare(){
$(".am-share").addClass("am-modal-active");
if($(".sharebg").length>0){
$(".sharebg").addClass("sharebg-active");
}else{
$("body").append('<div class="sharebg"></div>');
$(".sharebg").addClass("sharebg-active");
}
$(".sharebg-active,.share_btn").click(function(){
$(".am-share").removeClass("am-modal-active");
setTimeout(function(){
$(".sharebg-active").removeClass("sharebg-active");
$(".sharebg").remove();
},300);
})
}
</script>
</body>
</html>
</block>
<block name="footer"></block>