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
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&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="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>
|