<extend name="Public/bases"/>
<block name="css">
<link rel="stylesheet" href="__CSS__/total.css">
<link rel="stylesheet" href="__CSS__/wapcomtop_main.css">
</block>
<block name="body" >
<style>
    .header-sub .logo .game-icon{height: 30px;width: auto;border-radius: 0;margin: 6px 0;}
</style>
  
<div style="background:#fff;">
    <header class="header">
      <div class="">
        <a href="javascript:history.go(-1);" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$mate_title}</h1>
      </div>
    </header>
    <div class="switch-wrap">
        <p class="switch-tab">
            <a class="switch-tab-item <eq name='name' value='' >current</eq>" type="btn" href="{:U('rank')}">热门排行</a>
            <a class="switch-tab-item <eq name='name' value='hp' >current</eq>" type="btn" href="{:U('rank?name=hp')}">好评排行</a>
        </p>
    </div>
    <section class="main-wrap" id="fix-main">
        <ul id="ajaxContainer" currentpage="{$page}" title="{$name}" maxpage="{$total}" class="module-list">
            <volist name="lists" id="vo"> 
            <li>
                <a class="module-list-wrap cf tapLink" type="btn" href="{:U('Game/detail?id='.$vo['relation_game_id'])}" title="{$vo.game_name}">
                    <img src="{$vo.picurl}" alt="{$vo.game_name}" class="ico-normal">
                    <div class="module-list-content">
                        <p class="module-list-title"><?php echo preg_replace('/(\(.+)/i','',$vo['game_name']);?></p>
                        <p class="module-list-info">
                            <span class="item">{$vo.game_type_name}</span>|<span class="item">{$vo.open_type}</span>
                        </p>
                    </div>
                </a>
                <if condition='$vo.and_dow_address eq "" && $vo.add_game_address eq "" && $vo.ios_dow_address eq "" &&  $vo.ios_game_address eq "" '><a class="button">暂无下载</a></if>
                <if condition='$vo.and_dow_address eq "" && $vo.add_game_address eq ""'><else/>
                    <a  href="<if condition='$vo.dow_status eq 0'>#<else/>{:U('Down/down_file?game_id='.$vo['and_id'].'&type=1')}</if>" class="<if condition='$vo.ios_dow_address eq "" && $vo.ios_game_address eq ""'>button<else/>button1</if>"> 安卓下载 </a>
                </if>
                <if condition='$vo.ios_dow_address eq "" && $vo.ios_game_address eq ""'><else/>
                    <a  href="<if condition='$vo.dow_status eq 0'>#<else/>{:U('Down/down_file?game_id='.$vo['ios_id'].'&type=2')}</if>" class="<if condition='$vo.and_dow_address eq "" && $vo.add_game_address eq ""'>button<else/>button2</if>"> 苹果下载 </a>
                </if>
            </li>
            </volist>
        </ul>
        <section>
            <div class="loading" id="loadingTip"><i class="loading-child"></i><span class="loading-text">正在加载,请等待……</span></div>
            <div class="loading ms-none" id="errorTip">对不起,加载失败请<a href="{:U('rank?name='.I('name'))}" class="error">重 试</a>!</div>
            <div class="loading ms-none" id="moreBtn"><a href="javascript:" class="link">点此查看更多</a></div>
        </section>	
    </section>
</div>
<script src="__JS__/ajaxload.js"></script>
<script>
    var title = $('#ajaxContainer').attr('title');
    ajaxload('{:U("ajaxlists")}',{name:title,condition:'rank'},function(data) {
        var ac = $('#ajaxContainer');
        if (data.status == 1) {
            ac.attr('currentpage',data.page);
            var html = '',timestamp=(new Date().getTime())/1000;
            for (var i in data.lists) {
                var item = data.lists[i];
                html += '<li>';
                html += '<a class="module-list-wrap cf tapLink" type="btn" href="__CONTROLLER__/detail/id/'+item['id']+'" title="'+item['game_name']+'">';
                html += '<img src="';
                if (item['picurl'])
                    html += item['picurl'];
                html += '" alt="'+item['game_name']+'" class="ico-normal">';
                html += '        <div class="module-list-content">';
                html += '            <p class="module-list-title">'+item['game_name']+'</p>';
                html += '            <p class="module-list-info">';
                html += '                <span class="item">'+item['game_type_name']+'</span>|<span class="item">'+item['open_type']+'</span>';
                html += '            </p>';
                html += '        </div>';
                html += '    </a>';
                html += '    <a href="__CONTROLLER__/detail/id/'+item['id']+'" type="btn" class="btn-green">下载</a>';
                html += '</li>';
            }
            ac.append(html);
            $('.loading').addClass('ms-none');
            $('#moreBtn').removeClass('ms-none');loads=false;
        } else {
            $('.loading').addClass('ms-none');
            $('#moreBtn').removeClass('ms-none').html('对不起,数据已经加载完');
        }
    });
</script>
</block>
<block name="footer"></block>