{extend name="layout/base" /}

{block name="header"}

<link rel="stylesheet" href="__STATIC__/css/game-info.css">
<link rel="stylesheet" href="__STATIC__/css/home/index.css">
{/block}

{block name="content"}

<!-- 页面导航 -->
<div class="curLoc">
	<div class="container">
		<span class="txt">当前位置：</span><a href="/" title="祈盟文化游戏">首页</a> &gt; <a href="{:getGameIndex()}"
			title="手游中心">找游戏</a> &gt;<span>
			{if($detail['nickname'])} {$detail.nickname} {else/} 游戏详情页 {/if}</span>
	</div>
</div>

<div class="game_info">
	<div class="container">
		<!-- 左侧 -->
		<div class="game_info_left">
			<!-- 头部信息部分 -->
			<div>
				<img lazy-src="{$detail.icon}" src="__STATIC__/images/icon/150-150.png" alt="{$detail.nickname}"
					class="smallIcon" title="{$detail.nickname}">
				<div style="float: left;">
					<h2 title="{$detail.nickname}">{$detail.nickname}</h2>
					<span id="code_url"
						style="display: none;">http://wl.weilongwl.com/download/{$detail.id}.html</span>
					<div class="info ">
						<ul class="info1">
							<li><span>发布时间： </span><span>{$detail.updatetime}</span></li>
							<li><span>游戏版本： </span><span>{$detail.version}</span></li>
							<li><span>游戏大小： </span><span>{$detail.size}</span></li>
						</ul>
						<ul class="info2">
							<li><span>游戏类型： </span><span>{$detail.typename}</span></li>
							<li><span>游戏题材： </span><span>{$detail.subjectname}</span></li>
							<li>
								<div>开发厂商： </div>
								<div>{$detail.developer}</div>
							</li>
						</ul>
					</div>
				</div>

				{if($detail['download'])}
				<!-- 有下载链接时 -->
				<div class="az_code_right">
					<a href="{$detail.download}">
						<div class="az_ed_download">
							<img src="__STATIC__/images/home/SVG-07.png">
							<span>安卓版本下载</span>
						</div>
					</a>
					<div class="small-code">
						<img src="__STATIC__/images/home/SVG-10.png">
					</div>

					<div class="big_az_code">
						<div id="qrcode_title" style="width: 100px;height: 100px;"></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>
				{else/}
				<!-- 没有下载链接时 -->
				<div class="az_no_link">
					<div class="az_no_download">
						<img src="__STATIC__/images/home/SVG-19.png">
						<span>安卓版本下载</span>
					</div>

					<div class="small-code">
						<img src="__STATIC__/images/home/SVG-10.png">
					</div>
				</div>
				{/if}

			</div>


			<!-- tab切换 -->
			<div class="game_info_tab">
				<div class="tab_title">
					<a href="{:getGameUrl($detail['id'])}" title="{$detail.nickname}游戏介绍">
						<p class="active">游戏介绍</p>
					</a>
					<a href="{:getGameNewsUrl($detail['id'])}" title="{$detail.nickname}游戏资讯">
						<p class="title">游戏资讯</p>
					</a>
					<a href="{:getGameGiftUrl($detail['id'])}" title="{$detail.nickname}游戏礼包">
						<p class="title">游戏礼包</p>
					</a>
					<a href="{:getGameServerUrl($detail['id'])}" title="{$detail.nickname}开服信息">
						<p class="title">开服信息</p>
					</a>
				</div>
				<div class="tab_content">
					<!-- 游戏介绍 -->
					<div class="game_introduce">
						{empty name="$detail.description"}
						<!-- 无游戏介绍 -->
						<div class="no_content">
							<img src="__STATIC__/images/icon/introduce.png">
							<p>该游戏暂无简介</p>
						</div>
						<!-- 无游戏介绍 end-->
						{else/}
						<div class="introduce_text">
							{$detail.description}
						</div>
						{/empty}

						<div class="game_image_title">
							<p title="{$detail.nickname}游戏截图">游戏截图</p>
						</div>

						{notempty name="$detail.screenShot"}
						<div class="warp_slider">
							<div id="slider">
								<?php $screenShot = $detail->screenShot; ?>
								{volist name="screenShot" id="bigimage"}
								<div class="spic"><img lazy-src="{$bigimage}" src="__STATIC__/images/icon/625-990.png">
								</div>
								{/volist}
							</div>
						</div>
						{else/}

						<!-- 无截图 -->
						<div class="no_content">
							<img src="__STATIC__/images/icon/no-gameimg.png">
							<p>该游戏暂无截图</p>
						</div>
						{/notempty}

					</div>

					{notempty name="$relGameList"}
					<div class="game_image_title">
						<p title="猜你喜欢">猜你喜欢</p>
					</div>
					<div class="warp_cont lovely ">
						{volist name="relGameList" id="vo"}
						<div class="new_outline_img">
							<a href="{$vo.url}" title="{$vo.nickname}" target="_blank"><img lazy-src="{$vo.icon}"
									class="smallIcon" src="__STATIC__/images/icon/150-150.png"></a>
							<p><a href="{$vo.url}" title="{$vo.nickname}" target="_blank">{$vo.nickname}</a></p>
						</div>
						{/volist}
					</div>
					{/notempty}
				</div>
			</div>
		</div>

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


				</div>
			</div>
			<!-- 最新上线 -->
			<div class="new_outline">
				<h4 title="最新上线"><span>最新上线</span></h4>
				<div class="warp_cont">
					{volist name="newGameList" id="vo"}
					<div class="new_outline_img">
						<a href="{$vo.url}" title="{$vo.nickname}" target="_blank"><img lazy-src="{$vo.icon}"
								class="smallIcon" src="__STATIC__/images/icon/150-150.png"></a>
						<p><a href="{$vo.url}" title="{$vo.nickname}" target="_blank">{$vo.nickname}</a></p>
					</div>
					{/volist}
				</div>
			</div>
		</div>

	</div>
</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/slider.js"></script>
<script src="__STATIC__/js/common.js"></script>
<script src="__STATIC__/js/qrcode.min.js"></script>
<script src="__STATIC__/js/game/info.js"></script>
{/block}