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.
361 lines
11 KiB
HTML
361 lines
11 KiB
HTML
<extend name="Public/bases2" />
|
|
<block name="css">
|
|
<link href="__CSS__/game.css" rel="stylesheet" >
|
|
<link href="__CSS__/trade.css" rel="stylesheet" >
|
|
<style>
|
|
.confirm_btn.disabled {background:#bbb} .xgdisabled {background:#c1c3c1;}
|
|
.h_tit {font-weight:normal;}
|
|
.intruct_tab tr td:first-child {display:none;}
|
|
.intruct_tab tr {counter-increment: item;}
|
|
.intruct_tab p:before{
|
|
content: counter(item);
|
|
display: inline-block;
|
|
width: 1.33rem;
|
|
height: 1.33rem;
|
|
border-radius: 100%;
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #999;
|
|
margin-right: 0.7rem;
|
|
}
|
|
.mast_read {width:90%;}
|
|
@media screen and (min-width:640px) {
|
|
.read_main {padding:2.8rem 2.4rem;}
|
|
.h_tit {font-size:2.5rem;}
|
|
.intruct_tab p{font-size:1.8rem;line-height:1.444;margin-bottom:0.25rem;}
|
|
.read_toptit {padding:2rem;font-size:2.8rem;height:auto;}
|
|
.intruct_tab p:before {width:1.8rem;height:1.8rem;line-height:1.8rem;font-size:1.7rem;}
|
|
.label_txt {font-size:1.5rem;}
|
|
.readed {margin-top:1rem;}
|
|
.remember_btn {height:3.6rem;line-height:3.6rem;font-size:2.2rem;width:50%;margin-top:2.8rem;}
|
|
.flow_img {height:11.3rem;width:90%;}
|
|
|
|
}
|
|
</style>
|
|
<script src="__JS__/lwx.js"></script>
|
|
</block>
|
|
<block name="body" >
|
|
<!--头部-->
|
|
<div class="zmarg_btm59">
|
|
|
|
<header class="header trade-header">
|
|
<div class="">
|
|
<a href="javascript:;" onclick="history.back();" class="go_back">
|
|
<span class="table">
|
|
<span class="table-cell">
|
|
<img class="img_goback" src="__IMG__/trade/btn_normal_back@3x.png" alt="" height="" width="">
|
|
</span>
|
|
</span>
|
|
</a>
|
|
<h1 class="trade_caption">商品详情</h1>
|
|
<eq name="data.status" value="3">
|
|
<a href="javascript:;" class="buyer_reader jsbuymustread">买家必读</a>
|
|
</eq>
|
|
</div>
|
|
</header>
|
|
<div class="xg_main clearfix">
|
|
<div class="t-list gd-t-list">
|
|
<div class="content gift-content pad_b0">
|
|
|
|
<empty name="data">
|
|
<div class="no_data">
|
|
<div class="nodata_content">
|
|
<img class="nodata_img" src="__IMG__/trade/icon_shangpin@3x.png" alt="" height="" width="">
|
|
<p class="nodata_txt">暂无此商品，逛逛其他地方吧~</p>
|
|
</div>
|
|
</div>
|
|
<else />
|
|
|
|
<div class="xg_version">
|
|
<div class="media">
|
|
<div class="media-left media-middle">
|
|
<a href="javsccript:;" class="a_version">
|
|
<img class="media-object img_version" src="__IMG__/trade/pic_1@3x.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="media-body">
|
|
<h4 class="media-heading font_h">{$data.game_name}</h4>
|
|
<p class="meader_txt">
|
|
<span>{$data.game_size}</span>
|
|
<span>{$data.game_type_name}</span>
|
|
</p>
|
|
</div>
|
|
<!--<div class="media-right media-middle">-->
|
|
<!--<a href="{:U('Game/detail',array('id'=>$data['game_id']))}" class="a_download">下载</a>-->
|
|
<!--</div>-->
|
|
</div>
|
|
</div>
|
|
<div class="border_div"></div>
|
|
<div class="trumpt">
|
|
<div class="trumpt_top z_clearfix">
|
|
<div class="trumpt_tl">
|
|
<div class="trump_line">
|
|
<span class="tl_t_tit">上架：</span>
|
|
<span class="span_des">{$data.online_time|date='m-d H:i',###}</span>
|
|
</div>
|
|
<div class="trump_line">
|
|
<span class="tl_t_tit">小号：</span>
|
|
<span class="span_des">{$data.small_account}</span>
|
|
</div>
|
|
<div class="trump_line">
|
|
<span class="tl_t_tit">区服：</span>
|
|
<span class="span_des">{$data.server_name}</span>
|
|
</div>
|
|
</div>
|
|
<div class="trumpt_tr">
|
|
<div class="trump_line price">售价</div>
|
|
<div class="trump_line price_num">￥{$data.price}</div>
|
|
<div class="trump_line"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="border_div1"></div>
|
|
<div class="trumpt_botm">
|
|
<span class="trump_des">此小号已创建{$data.day}天，累充{$data.accumulation}</span>
|
|
<a class="trump_abtn"><switch name="data.status"><case value="3">信息已审核</case><case value="4">已出售</case><case value="1">已出售</case></switch></a>
|
|
</div>
|
|
</div>
|
|
<div class="border_div"></div>
|
|
<div class="screenshot">
|
|
<h3 class="screenshot_h">{$data.title}</h3>
|
|
<p class="screenshot_p">{$data.content}</p>
|
|
<div id="screenshotbox" class="clearfix">
|
|
<volist name=":explode(',',$data['screenshot'])" id="vo">
|
|
<p class="p_img"><img class="" src="{$vo|get_cover='path'}" height="" width=""></p>
|
|
</volist>
|
|
</div>
|
|
<div class="div_ftf">
|
|
<div class="table">
|
|
<div class="table-cell">
|
|
<eq name="data.status" value="3">
|
|
<a class="confirm_btn" id="buy_btn" href="javascript:;">确认购买</a>
|
|
<else />
|
|
<a class="confirm_btn disabled">角色已出售</a>
|
|
</eq>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</empty>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 买家必读弹窗 begin!-->
|
|
<div class="xg_mask jsbuymustreadcontent" style="<eq name='rule_status' value='1'>display:none;</eq>">
|
|
<div class="table">
|
|
<div class="table-cell">
|
|
<div class="mast_read">
|
|
<div class="read_toptit">买家必读</div>
|
|
<div class="read_main">
|
|
<h4 class="h_tit">购买流程</h4>
|
|
<p style="width:100%;">
|
|
<img class="flow_img" src="__IMG__/trade/icon_maijia@3x.png" alt="" height="" width="">
|
|
</p>
|
|
<h4 class="h_tit">买家须知</h4>
|
|
<div class="instruct">
|
|
<table class="intruct_tab">
|
|
<tbody>
|
|
<tr>
|
|
<td><span class="instruct_num">1</span></td>
|
|
<td>
|
|
<p>角色信息已通过本平台审核，因时间因素造成排行榜，称号，装备，到期等变化，不视为信息失实；</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="instruct_num">2</span></td>
|
|
<td>
|
|
<p>购买后，角色小号自动转入你的平台账号内，重新登录游戏【选择小号】处查收即可；</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="instruct_num">3</span></td>
|
|
<td>
|
|
<p>交易过程仅限小号转移，不存在游戏账号交易或换绑行为，无需担心角色找回；</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="instruct_num">4</span></td>
|
|
<td>
|
|
<p>交易完成后，不支持退货！</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<p class="z_clearfix readed">
|
|
<label class="label_control">
|
|
<eq name="rule_status" value="1">
|
|
<input type="checkbox" id="readed" checked class="input_control">
|
|
<else />
|
|
<input type="checkbox" id="readed" class="input_control">
|
|
</eq>
|
|
<i class="label_icon"></i>
|
|
<span class="label_txt">我已阅读</span>
|
|
</label>
|
|
</p>
|
|
|
|
<p>
|
|
<a class="remember_btn <eq name='rule_status' value='0'>xgdisabled</eq> js_closemask" href="javascript:;">我记住了</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end! 买家必读弹窗-->
|
|
|
|
</div>
|
|
|
|
<div class="popmsg pop-dialog"></div>
|
|
<div class="popwin pop-window" style="background:#FFF;"><div class="pop-page"><div class="pop-wrap"></div></div></div>
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
|
<script>
|
|
$(function() {
|
|
var first = $('#screenshotbox .p_img:eq(0) img');
|
|
if(first && first.width()<first.height()) {
|
|
$('#screenshotbox .p_img').css({width:'50%',float:'left'}).find('img').css({width:'98%'});
|
|
$('#screenshotbox .p_img:nth-child(2n)').css({'text-align':'right'});
|
|
}
|
|
|
|
$('.zmarg_btm59').css('margin-bottom',0);
|
|
$('.content').css({'min-height':($(window).height()-$(".header").height()-$(".foot-nav").height()-16)});
|
|
$(".no_data").css({'height':($('.content').height())});
|
|
|
|
$("body").delegate('.jsdown','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("服务器异常");
|
|
}
|
|
})
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
<script>
|
|
$(function() {
|
|
var pmsg = $(".popmsg").pop();
|
|
$('#buy_btn').on('click',function() {
|
|
var that = $(this);
|
|
if(that.hasClass('nodisabled')) {return false;}
|
|
// that.addClass('nodisabled');
|
|
$.ajax({
|
|
type:'post',
|
|
dataType:'json',
|
|
data:{id:'{$data["id"]}'},
|
|
url:'{:U("checkLogin")}',
|
|
success:function(data) {
|
|
if(parseInt(data.status)==1) {
|
|
|
|
$.ajax({
|
|
type:'post',
|
|
dataType:'json',
|
|
data:{id:'{$data["id"]}'},
|
|
url:'{:U("checkIsSelf")}',
|
|
success:function(data){
|
|
if(parseInt(data.status)==1) {
|
|
|
|
window.location.href = '{:U("Trade/buy_good",array("id"=>$data["id"],"is_app"=>I("is_app"),"token"=>I("token")))}';
|
|
|
|
} else {
|
|
if(data.html) {
|
|
$('.trade-header').hide();
|
|
$('html').css({overflow:'hidden'});
|
|
var pwin = $(".popwin").pop().open(800,data.html);
|
|
} else {
|
|
pmsg.msg(data.info);
|
|
}
|
|
that.removeClass('nodisabled');
|
|
}
|
|
},
|
|
error:function(){
|
|
pmsg.msg('服务器故障，请稍后再试');
|
|
that.removeClass('disabled');
|
|
},
|
|
});
|
|
|
|
} else {
|
|
$('.trade-header').hide();
|
|
$('html').css({overflow:'hidden'});
|
|
var pwin = $(".popwin").pop().open(800,data.html);
|
|
that.removeClass('nodisabled');
|
|
}
|
|
},
|
|
error:function(){
|
|
pmsg.msg('服务器故障，请稍后再试');
|
|
that.removeClass('disabled');
|
|
},
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
$('#readed').change(function (e) {
|
|
var checked = $(this).prop('checked');
|
|
if(checked){ //选中‘我已阅读’
|
|
$('.js_closemask').removeClass('xgdisabled');
|
|
}else{
|
|
$('.js_closemask').addClass('xgdisabled');
|
|
}
|
|
return false;
|
|
});
|
|
|
|
//点击我记住了按钮关闭遮罩层弹窗
|
|
$(".js_closemask").click(function(){
|
|
var that = $(this);
|
|
if(!$('#readed').prop('checked')) {pmsg.msg('请勾选"我已阅读"');return false;}
|
|
if(that.hasClass('xgdisabled')) {pmsg.msg('请勾选"我已阅读"');return false;}
|
|
that.addClass('xgdisabled');
|
|
$.ajax({
|
|
type:'post',
|
|
dataType:'json',
|
|
url:'{:U("Trade/rule_status")}',
|
|
data:{rule:1},
|
|
success:function(data){
|
|
that.removeClass('xgdisabled');
|
|
if(parseInt(data.status) ==1) {
|
|
}
|
|
$('.jsbuymustreadcontent').hide();
|
|
window.location.reload();
|
|
|
|
},
|
|
error:function(){
|
|
pmsg.msg('服务器故障，请稍后再试....');that.removeClass('xgdisabled');
|
|
},
|
|
});
|
|
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
$('.jsbuymustread').click(function() {
|
|
$('.jsbuymustreadcontent').show();
|
|
return false;
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
</block>
|
|
|