<extend name="Public/bases" />
<block name="css">
  <link href="__CSS__/open.css" rel="stylesheet" >

    <style>

     .discount_list {display:block;}
     .list-detail .text {margin-right:0!important;}
     .discount_type_list {padding-top:.2rem;}
     .discount_type_item {display:inline-block;color:#ff9900;border:1px solid #ff9900;border-radius:3px;padding:0 3px;}
     @media screen and (max-width:460px) {
        .discount_type_item {font-size:1rem;}
        .list-detail .text .info {font-size:1.1rem;}
        .list-detail .text {}
        .za_icongift {margin-top:.15rem;}
     }
    </style>
</block>
<block name="body" >
    <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>
      </div>
    </header>
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container category">
        <div class="searchbox">
          <form action="{:U('Invitation/discountgamelist')}" method="post" class="search">
            <input type="text" class="text" placeholder="请输入游戏名称" name="name" value="{:I('name')}">
            <span class="btn"><i class="iconfont icon-search"></i></span>
          </form>
        </div>
        <section class="list-detail discount-list-detail">
          <ul class=""  id="ajaxContainer" currentpage="{$page}" title="{$name}" maxpage="{$total}">
            <empty name="data">
              <li style="text-align: center;">暂无数据</li>
            <else/>
            <foreach name="data" item="v">
            <li>
              <a href="{:U('Game/detail?id='.$v['id'])}" class="discount_list">
                  <div class="za_icongift">
                      <div class="icon-wrap">
                                    
                                        <img src="{$v['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                                       
                                </div></div>

                                <div class="text">
                                    <div class="namebox">
                                        <div class="name">{$v['relation_game_name']}</div>
                                    </div>
                                    <div class="info"><span class="size">{$v['game_size']}</span><span class="dlnumber">{$v['dow_num']}人下载</span></div>
                                    <div class="discount_type_list">
                                    <if condition="$v['promote_status'] eq 1 and $v['first_discount'] gt 0">
                                    <span class="discount_type_item">首充{$v.first_discount}折</span>
                                    </if>
                                    <if condition="$v['cont_status'] eq 1 and $v['continue_discount'] gt 0">
                                    <span class="discount_type_item">续充{$v.continue_discount}折</span>
                                    </if>
                                    <lt name="v.discount" value="10">                                       <span class="discount_type_item">绑币充值{$v.discount}折</span>                                      </lt>                                       <gt name="v.ratio" value="0">                                       <span class="discount_type_item">返利{$v.ratio}折</span>                                       </gt>                                                                       </div>                                                                  </div>                          </a>
            </li>
            </foreach>
            </empty>
          </ul>
        </section>
      </section>
    </section>
    <div style="display: none;" class="loading ms-none" id="moreBtn"><a href="javascript:" class="link"></a></div>


<script src="__JS__/ajaxload.js"></script>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
    var popmsg = $('.loading').pop();
    var ac = $('#ajaxContainer'),title = ac.attr('title'),type = ac.attr('type'),page = ac.attr('currentpage');

    ajaxload('{:U("ajaxlists")}',{name:title},function(data) {
        if (data.status == 1) {
            ac.attr('currentpage',data.page);
            var html = '',timestamp=(new Date().getTime())/1000;
            $.each(data.data, function(index, item) {

                var html_2 = '<p class="stars"><i style="width:'+item.game_score+'0%;"></i></p>';
                html += '<li><a class="za_icongift" href="{:U('Game/detail')}&id='+item.relation_game_id+'">'+
                        '          <img src="'+item.icon+'" class="icon" onerror="this.src=\'__IMG__/empty.jpg\';this.onerror=null">'+
                        '    </a>'+
                        '<div class="btnbox">'+
                        '  <a href="{:U('Game/detail')}&id='+item.relation_game_id+'" class="btn"><span>'+item.discount+'折</span></a>' +
                        '</div>'+
                        '<div class="text">'+
                        '  <div class="namebox">'+
                        '    <a href="{:U('Game/detail')}&id='+item.relation_game_id+'" class="name">'+item.relation_game_name+'</a>'+
                        '    <span class="starbox">'+
                              html_2 +
                        '    </span>'+
                        '  </div>'+
                        '  <div class="info"><span class="size">'+item.game_size+'</span><span class="dlnumber">'+item.dow_num+'下载</span></div>'+
                        '  <p class="description">'+item.features+'</p>'+
                        '</div>';
                html += '</li>';


            });
            ac.append(html);
            $('.loading').addClass('ms-none');
            $('#moreBtn').removeClass('ms-none');loads=false;
        } else {
            $('.loading').addClass('ms-none');
            popmsg.msg('已经到底了~');
            // $('#moreBtn').show().html('已经到底了~');
        }
    });
</script>

</block>
<block name="footer"></block>