<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>