{extend name="layout/base" /}

{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/home/index.css">
<link rel="stylesheet" href="__STATIC__/lib/layui/css/layui.css">
<style>
    .public_top_left>div>div {
        top: -1px;
    }

    .public_nav_input>input {
        /* height: 36px; */
    }
</style>
{/block}

{block name="content"}


<!-- 推荐广告位 -->
<div class="rec">
    <div class="layui-carousel" id="test1">
        <div carousel-item>
            {volist name="topBannerList" id="bvo"}
            <div class="swiper-slide">
                <a href="{$bvo.url}" title="{$bvo.title}" target="_blank"><img src="{$Think.STATIC_DOMAIN}{$bvo.image}"
                        width="1200px" height="486"></a>
                <div class="txt"> <a href="{$bvo.url}" title="{$bvo.title}" target="_blank">
                        <p>{$bvo.title}</p>
                    </a></div>
            </div>
            {/volist}
        </div>
    </div>
</div>
<!-- 游戏推荐 -->
<div class="game_rec">

    {notempty name="recommendGameList"}
    <div class="game_rec_from">
        <p>精品推荐</p>
        <div class="game_rec_list">
            {volist name="recommendGameList" id="rvo" length="5"}
            <div class="game_rec_box">
                <div class="game_rec_pic"><img lazy-src="{$Think.STATIC_DOMAIN}{$rvo.mobileicon}"
                        src="__STATIC__/images/icon/150-150.png" alt=""></div>
                <div class="game_rec_message">
                    <div class="game_name">{$rvo.nickname}</div>
                    <div class="game_introduce">{$rvo.typename}&nbsp;&nbsp;|&nbsp;&nbsp;{$rvo.subjectname}</div>
                    {if($rvo.download)}
                    <div class="game_start"><a href="{$rvo.download}" target="_blank">下载</a></div>
                    {else}
                    <div class="game_start no_download">下载</div>
                    {/if}

                </div>
            </div>
            {/volist}
        </div>
    </div>
    {/notempty}
    {notempty name="hotGameList"}
    <div class="game_rec_from">
        <p>热门游戏</p>
        <div class="game_rec_list">
            {volist name="hotGameList" id="rvo" length="5"}
            <div class="game_rec_box">
                <div class="game_rec_pic"><img lazy-src="{$Think.STATIC_DOMAIN}{$rvo.mobileicon}"
                        src="__STATIC__/images/icon/150-150.png" alt=""></div>
                <div class="game_rec_message">
                    <div class="game_name">{$rvo.nickname}</div>
                    <div class="game_introduce">{$rvo.typename}&nbsp;&nbsp;|&nbsp;&nbsp;{$rvo.subjectname}</div>
                    {if($rvo.download)}
                    <div class="game_start"><a href="{$rvo.download}" target="_blank">下载</a></div>
                    {else}
                    <div class="game_start no_download">下载</div>
                    {/if}

                </div>
            </div>
            {/volist}
        </div>
    </div>
    {/notempty}
    {notempty name="newGameList"}
    <div class="game_rec_from">
        <p>最新游戏</p>
        <div class="game_rec_list">
            {volist name="newGameList" id="rvo" length="5"}
            <div class="game_rec_box">
                <div class="game_rec_pic"><img lazy-src="{$Think.STATIC_DOMAIN}{$rvo.mobileicon}"
                        src="__STATIC__/images/icon/150-150.png" alt=""></div>
                <div class="game_rec_message">
                    <div class="game_name">{$rvo.nickname}</div>
                    <div class="game_introduce">{$rvo.typename}&nbsp;&nbsp;|&nbsp;&nbsp;{$rvo.subjectname}</div>
                    {if($rvo.download)}
                    <div class="game_start"><a href="{$rvo.download}" target="_blank">下载</a></div>
                    {else}
                    <div class="game_start no_download">下载</div>
                    {/if}
                </div>
            </div>
            {/volist}
        </div>
    </div>
    {/notempty}


</div>
<!-- 热点，新闻，开服表 -->
<div class="contentone">
    <!-- 今日热点 -->
    <div class="hotspot">
        <h4 title="手游活动"><span>今日热点</span></h4>
        {volist name="todayHotList" id="tvo" length='2'}
        <div class="hotspot_content" title="{$tvo.title}">
            <div><a href="{$tvo.url}" target="_blank"><img lazy-src="{$Think.STATIC_DOMAIN}{$tvo.image}"
                        src="__STATIC__/images/icon/990-625.png"></a></div>
            <a href="{$tvo.url}" target="_blank">
                <div><span>{$tvo.title}</span></div>
            </a>
        </div>
        {/volist}
    </div>

    <div class="news">
        <h4 title="手游礼包"><span>手游礼包</span></h4>
        <div class="gift_content" id="J_recommend_gift">
        </div>
    </div>
    <!-- 开服开测表 -->
    <div class="open_service" id="J_serverinfo">
        <div class="warp_open_service_tittle">
            <div class="open_service_title">
                <span class="active"><a href="{:getServerUrl('kf')}" target="_blank" title="手机游戏开服表">开服表</a></span>
                <span><a href="{:getServerUrl('kc')}" target="_blank" title="手机游戏开测表">开测表</a></span>
            </div>
        </div>
        <p></p>
        <div class="content_list show">
            <p>
                <span>时间</span>
                <span>游戏</span>
                <span>新服</span>
                <span>礼包</span>
            </p>
        </div>
    </div>

</div>

<!-- 游戏评测，游戏攻略，手游排行 -->
<div class="game_all">


    <!-- 手游排行 -->

</div>

<!-- 游戏分类，推荐礼包 -->
<div class="classify_gift">
    <div class="classify">
        <h4>
            <span title="游戏分类">游戏分类</span>
            <div title="更多游戏"><img src="__STATIC__/images/home/SVG-08.png" alt=""><a href="{:getGameIndex()}"
                    target="_blank"><span>更多></span></a></div>
        </h4>

        <div class="gift_content">
            <div class="classify_title">
                {volist name="gameTypeList" id="gtvo"}
                <p {if condition='$i eq 1' }class="active" {/if}>{$gtvo.name} </p> {/volist} </div> <div
                    class="classify_content">

                    {volist name="allGameList" id="gameList"}
                    <ul class="hide {if condition='$i neq 1'}hide{else}show{/if}">
                        {notempty name="gameList"}
                        {volist name="gameList" id="game"}
                        <li>
                            <div> <a href="{:getGameUrl($game['id'])}" title="{$game.nickname}" target="_blank"><img
                                        src="__STATIC__/images/icon/150-150.png" lazy-src="{$game.mobileicon}"
                                        class="smallIcon" alt=""></a></div>
                            <a href="{:getGameUrl($game['id'])}" title="{$game.nickname}" target="_blank">
                                <p>{$game.nickname}</p>
                            </a>
                            {if($game['download'])}
                            <div class="download">
                                <button>下载</button>
                                <span id="text-1" style="display: none;">{$game.download}</span>
                                <span id="text-2" style="display: none;">{$game.nickname}</span>
                                <span id="download-page"
                                    style="display: none;">http://wl.weilongwl.com/download/{$game.id}.html</span>
                            </div>
                            {else}
                            <div class="no_download">
                                <button>下载</button>
                            </div>
                            {/if}
                        </li>
                        {/volist}
                        {/notempty}
                    </ul>
                    {/volist}

            </div>
        </div>

    </div>
    <div class="rank">
        <h4>
            <span title="手游排行">手游排行</span>
        </h4>
        <div class="rank_list" id="J_rank_list">


        </div>
    </div>
</div>

<!-- 最下方两张图片 -->
<div class="tail_pic">
    {if(isset($footerList[0]))}
    <div class="tail_pic_one" title="{$footerList[0]['title']}">
        <div><a href="{$footerList[0]['url']}" target="_blank"><img
                    lazy-src="{$Think.STATIC_DOMAIN}{$footerList[0]['image']}"
                    src="__STATIC__/images/icon/1200-200.png"></a></div>
        <a href="{$footerList[0]['url']}" target="_blank">
            <div><span>{$footerList[0]['title']}</span></div>
        </a>
    </div>
    {/if}
</div>

<!-- 友情链接 -->
<div class="friend-link">
    <h4><span>友情链接</span></h4>
    <div>
        {volist name="linksList" id="lvo"}
        {if condition="$i eq count($linksList)"}
        <a href="{$lvo.url}" title="{$lvo.name}" target="_blank">{$lvo.name}</a>
        {else}
        <a href="{$lvo.url}" title="{$lvo.name}" target="_blank">{$lvo.name}</a><span>|</span>
        {/if}
        {/volist}
    </div>
</div>


<!-- 下载弹窗 start -->
<div class="warp_download_popup">
    <div class="download_popup">
        <div class="download_title"><span>下载</span></div>
        <div class="game_title">
            <p>传奇帝国之荣耀骑士传奇，传奇帝国之荣耀骑士传奇传奇帝国之荣耀骑士传奇...</p>
        </div>
        <div class="az_download">
            <div class="az_hover">
                <a href="">
                    <img src="__STATIC__/images/home/SVG-07.png">
                    <span>安卓版本下载</span>
                </a>
            </div>
            <div class="az_code"><img src="__STATIC__/images/home/SVG-10.png"></div>
        </div>
        <div class="big_az_code">

            <div id="qrcode"></div>
            <div class="scan_code">
                <img src="__STATIC__/images/icon/scan.png">
                <span>扫码立即下载</span>
            </div>
            <div class="border-left-empty">
                <span></span>
            </div>
        </div>
        <div class="close">
        </div>
    </div>
</div>
<div class="warp_no_download_popup">
    <div class="no_download_popup">
        <div class="tip"><span>提示</span>
            <div class="close">
            </div>
        </div>
        <div class="tip_txt">
            <p>该游戏暂无下载链接，稍后再试</p>
            <div class="tip_btn">
                <div class="determine"><span>确定</span></div>
                <div class="cancel"><span>取消</span></div>
            </div>
        </div>
    </div>
</div>

<!-- 下载弹窗 end -->


{/block}


{block name="detail_js"}
<script src="__STATIC__/js/common.js"></script>
<script src="__STATIC__/js/qrcode.min.js"></script>
<script src="__STATIC__/lib/layui/layui.js"></script>
<script src="__STATIC__/js/home/index.js"></script>
<script>
     $(".no_download").click(function () {
			$(".warp_no_download_popup").show();
    });
</script>
{/block}