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.

412 lines
22 KiB
HTML

5 years ago
<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>
<style>
.pop-window .pop-box .pop-wrap {padding:5%;}
.pop-window .pop-box .pop-wrap .pop-close img {width:1.8rem;height:1.8rem;}
.pop-window .pop-box{width:94vw;max-width:400px;}
.pop-window .pop-box .pop-wrap .pop-textarea {border:none;resize:none;border-radius:10px;}
.pop-window .pop-box.comment .pop-wrap .pop-content {margin-bottom:3rem;}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {width:35%;font-size:2.4rem;}
.pop-window .pop-box.comment .pop-wrap .pop-btnbox .pop-cancel {border-color:#ece9e9;}
.pop-window .pop-box .pop-wrap .pop-title{color:#18B1EA;}
.t-list2 .content .text .description {height:5.5rem;line-height:1.4;}
.t-list2 .content .text .description .mark {display:block;}
@media screen and (max-width: 550px) {
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {font-size:2rem;}
}
@media screen and (max-width: 450px) {
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {font-size:1.8rem;}
}
</style>
</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">{$mate_title}</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>
<eq name="data.dow_status" value="1">
<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="{$v['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="{$v['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>
</eq>
<div class="other gd-other">
<ul class="t-tab gd-t-tab clearfix">
<li><a href="{:U('Game/detail?id='.$data['id'])}" class="btn">简介</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="" class="btn active">评论<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-list2 gd-t-list">
<div class="content comment-content">
<ul class="">
<foreach name="lists" item="v">
<li class="content-item">
<a class="icon">
<img src="{$v['head_img']}" class="icon_img">
<span class="dis_tab">
<span class="dis_tabcell">
<div>{:C('SET_POSITION_IMG')}</div>
</span>
</span>
</a>
<div class="text"><div class="namebox"><a href="" class="name">{:empty($v['nickname'])?$v['account']:$v['nickname']}</a></div>
<div class="time">{$v['create_time']}</div>
<p class="description">{$v['comment']}<a href="javascript:;" class="showarticle hidden"><span class="shengmark">...</span>全文</a><i class="mark"></i></p>
</div>
</li>
</foreach>
<empty name="lists">
<li class="empty">
暂无评论
</li>
</empty>
</ul>
</div>
<div class="btnbox">
<a href="javascript:;" class="download jscomment">评论</a>
</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&amp;uuid=&amp;pophcol=1&amp;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="pop pop-window">
<div class="pop-box comment">
<div class="pop-wrap">
</div>
<input type="hidden" name="game_id" value="{$data['id']}">
</div>
</div>
<div style="display: none;" class="loading ms-none" id="moreBtn"><a href="javascript:" class="link"></a></div>
<div class="popmsg pop-dialog"></div>
<div class="popmsg2 pop-dialog"></div>
<script src="__JS__/ajaxload.js"></script>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
$(function() {
var popmsg = $('.popmsg').pop();
$("body").delegate('.down','click',function(){
var url = $(this).attr('url');
var pmsg = $(".popmsg2").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("服务器异常");
}
})
})
$('.jscomment').click(function() {
var pop = $('.pop').pop({
text:'<h2 class="pop-title"><span>发表评论</span><a href="javascript:;" class="pop-close"><img src="__IMG__/trade1/icon_normal_shan@3x.png"></a></h2><p class="pop-content"><textarea name="content" class="pop-textarea jscontentinput" placeholder="请输入评论信息" data-value="255"></textarea><span class="totalnum" >您还可以输入<span>255</span>个字符</span></p><div class="pop-btnbox"><a href="javascript:;" class="pop-btn pop-cancel jscancel">取消</a><a href="javascript:;" class="pop-btn pop-confirm jsconfirm">提交</a></div>'
}).open(800);
pop.find('.jscontentinput').keyup(function() {
var that = $(this);
var val = that.val();
var num = that.attr('data-value');
var sib = that.siblings('.totalnum');
var len = num-val.length;
// /alert(len);
if (len<0) {that.val(val.substr(0,parseInt(num)));return false;}
sib.find('span').text(len);
return false;
});
pop.find('.jscancel').click(function() {
pop.close();
return false;
});
pop.find('.jsconfirm').click(function() {
var comment = $('textarea[name="content"]').val();
var game_id = $('input[name="game_id"]').val();
$.ajax({
type: 'POST',
url: '{:U("ajax_add_comment")}',
data: {'comment':comment,'game_id':game_id},
success: function(data){
if(data.code==1){
pop.close();
popmsg.msg(data.msg);
}else{
popmsg.msg(data.msg);
}
},
error:function(){
popmsg.msg('网络错误,请刷新测试');
},
dataType: 'JSON'
});
return false;
});
pop.find('.pop-close').click(function() {
pop.close();
});
return false;
});
$('.description').each(function() {
var that = $(this);
var position = that.find('.mark').position();
var a=that.find('.showarticle');
if (position) {
var lh = that.css('lineHeight');
lh = lh=='normal'?19.2:parseFloat(lh);
var height = position.top;
if (height>4*lh) {
a.removeClass('hidden');
that.css({height:3*lh});
} else {
a.addClass('hidden');
that.css({'height':'auto'});
}
}
});
$('.showarticle').click(function() {
var that=$(this),parent = that.closest('.description');
var position = parent.find('.mark').position();
var lh = that.css('lineHeight');
lh = lh=='normal'?19.2:parseFloat(lh);
if (that.hasClass('on')) {
that.html('<span class="shengmark">...</span>全文').removeClass('on');
parent.css({'height':3*lh+'px'});
} else {
parent.css({'height':'auto'});
that.html('收起').addClass('on');
}
});
});
var ac = $('#ajaxContainer'),key = ac.attr('key');
var popmsg = $('.loading').pop();
ajaxload('{:U("ajaxcomment")}',{id:{$data['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];
html += '<li class="content-item">'
' <img src="'+item.head_img+'" class="icon">'
' <div class="text"><div class="namebox"><a href="" class="name">'+item.nickname+'</a></div>'
' <div class="time">'+item.create_time+'</div><p class="description">'+item.comment+'</p></div>'
'</li>';
}
ac.append(html);
$('.loading').addClass('ms-none');
$('#moreBtn').removeClass('ms-none');loads=false;
} else {
$('.loading').addClass('ms-none');
popmsg.msg('已经到底了~');
// $('#moreBtn').show().html('已经到底了~');
}
});
$(".collect").click(function() {
var status = $(this).attr('status');
var game_id = $(this).parent().attr('data-game-id');
var pmsg = $(".popmsg2").pop();
$.ajax({
url:"{:U('Game/collect_game')}",
type:"POST",
dataType:"json",
data:{game_id:game_id,status:status},
success:function(result){
pmsg.msg(result.info);
setTimeout(function(){location.reload();},1500);
},
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>
</block>
<block name="footer"></block>