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.

146 lines
4.5 KiB
HTML

<extend name="Public/bases2" />
<block name="css">
<link href="__CSS__/game.css" rel="stylesheet" >
<link href="__CSS__/trade.css" rel="stylesheet" >
<style>
.z_date {color:#19b1ea;}
@media screen and (min-width:640px) {
.z_game_detailli {padding:2rem 0;font-size:1.6rem;}
.z_date {margin-bottom:1.4rem;}
.media-left {margin-right:20px;}
.trade_img {width:19rem;height:10rem;}
.good-info-tags {font-size:1.3rem;padding:0.2rem 0.6rem;}
.z_pays {font-size:1.8rem;}.z_detailp {margin-top:3rem;}
.media-heading {font-size:1.8rem;}
}
.good-info-tags {
display: inline-block;
color: rgb(151, 151, 151);
padding: 0.04rem 0.2rem;
border: 1px solid currentColor;
border-radius: 20px;
font-size: 1.3rem;
}
</style>
</block>
<block name="body" >
<!--头部-->
<div class="xg_main">
<header class="header trade-header">
<div class="">
<a href="{$referer}" 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>
</div>
</header>
<div class="t-list gd-t-list" style="margin-top:5rem;">
<div class="content gift-content">
<empty name="lists">
<!-- 交易页无数据 begin!-->
<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>
<!--end! 交易页无数据 -->
<else />
<ul class="" id="ajaxContainer" currentpage="{$page}" maxpage="{$totalpage}">
<volist name="lists" id="vo">
<li class="z_game_detailli" onclick="window.location.href='{$vo.url}'">
<p class="z_date">成交时间:{$vo.over_time}</p>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object trade_img" src="<notempty name='vo.icon'>{$vo.icon}<else />__IMG__/pic_game@3x.png</notempty>" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading col_17">{$vo.title}</h4>
<p class="z_clearfix z_detailp">
<span class="good-info-tags">{$vo.game_name}</span>
<span class="z_pays">¥{$vo.price}</span>
</p>
</div>
</div>
</li>
</volist>
</ul>
</empty>
</div>
</div>
</div>
<div class="popmsg pop-dialog"></div>
<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
</block>
<block name="script">
<script src="__JS__/ajaxload.js"></script>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
$(function() {
$('.footer').hide();
var ac = $('#ajaxContainer');
var popmsg = $('.loading').pop();
ajaxload('{:U("ajaxdeal")}',{},function(data) {
if(parseInt(data.status) == 1) {
ac.attr('currentpage',data.current);
var html = '',d = data.lists;
for (var i in d) {
var item = d[i];
html += '<li class="z_game_detailli" onclick="window.location.href=&#39;'+item.url+'&#39;">';
html += '<p class="z_date">成交时间:'+item.over_time+'</p> ';
html += '<div class="media">';
html += '<div class="media-left">';
html += '<a href="">';
html += '<img class="media-object trade_img" src="'+(item.icon?item.icon:'__IMG__/pic_game@3x.png')+'" alt="...">';
html += '</a>';
html += '</div>';
html += '<div class="media-body">';
html += '<h4 class="media-heading">'+item.title+'</h4>';
html += '<p class="z_clearfix z_detailp">';
html += '<span class="good-info-tags">'+item.game_name+'</span>';
html += '<span class="z_pays">¥'+item.price+'</span>';
html += '</p>';
html += '</div></div></li>';
}
ac.append(html);
$('.loading').addClass('ms-none');
$('#moreBtn').removeClass('ms-none');loads=false;
} else {
$('.loading').addClass('ms-none');
popmsg.msg('已经到底了~');
}
});
//---------------@author zwm--------------------//
//---------------date 2018-07-17-----------------//
$('.content').css({'min-height':($(window).height()-$(".header").height()-$(".foot-nav").height()-50)});
$(".no_data").css({'height':($('.content').height())});
//----------------------the end!-------------------------------//
});
</script>
</block>