info-gift.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. {extend name="layout/base" /}
  2. {block name="header"}
  3. <link rel="stylesheet" href="__STATIC__/css/game-info.css">
  4. <link rel="stylesheet" href="__STATIC__/css/home/index.css">
  5. {/block}
  6. {block name="content"}
  7. <!-- 页面导航 -->
  8. <div class="curLoc">
  9. <div class="container">
  10. <span class="txt">当前位置:</span><a href="/" title="祈盟文化游戏">首页</a> &gt; <a href="{:getGameIndex()}" title="手游中心">找游戏</a> &gt;<span>
  11. {if($detail['nickname'])} {$detail.nickname} {else/} 游戏详情页 {/if} </span>
  12. </div>
  13. </div>
  14. <div class="game_info">
  15. <div class="container">
  16. <!-- 左侧 -->
  17. <div class="game_info_left">
  18. <!-- 头部信息部分 -->
  19. <div>
  20. <img lazy-src="{$detail.icon}" src="__STATIC__/images/icon/150-150.png" alt="{$detail.nickname}" class="smallIcon" title="{$detail.nickname}">
  21. <div style="float: left;">
  22. <h2 title="{$detail.nickname}">{$detail.nickname}</h2>
  23. <span id="code_url" style="display: none;">http://www.weilongwl.com/download/{$detail.id}.html</span>
  24. <div class="info ">
  25. <ul class="info1">
  26. <li><span>发布时间: </span><span>{$detail.updatetime}</span></li>
  27. <li><span>游戏版本: </span><span>{$detail.version}</span></li>
  28. <li><span>游戏大小: </span><span>{$detail.size}</span></li>
  29. </ul>
  30. <ul class="info2">
  31. <li><span>游戏类型: </span><span>{$detail.typename}</span></li>
  32. <li><span>游戏题材: </span><span>{$detail.subjectname}</span></li>
  33. <li>
  34. <div>开发厂商: </div>
  35. <div>{$detail.developer}</div>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. {if($detail['download'])}
  41. <!-- 有下载链接时 -->
  42. <div class="az_code_right">
  43. <a href="{$detail.download}">
  44. <div class="az_ed_download" >
  45. <img src="__STATIC__/images/home/SVG-07.png">
  46. <span>安卓版本下载</span>
  47. </div>
  48. </a>
  49. <div class="small-code">
  50. <img src="__STATIC__/images/home/SVG-10.png">
  51. </div>
  52. <div class="big_az_code">
  53. <div id="qrcode_title"></div>
  54. <div class="scan_code">
  55. <img src="__STATIC__/images/icon/scan.png">
  56. <span>扫码立即下载</span>
  57. </div>
  58. <div class="border-left-empty">
  59. <span></span>
  60. </div>
  61. </div>
  62. </div>
  63. {else/}
  64. <!-- 没有下载链接时 -->
  65. <div class="az_no_link">
  66. <div class="az_no_download">
  67. <img src="__STATIC__/images/home/SVG-19.png">
  68. <span>安卓版本下载</span>
  69. </div>
  70. <div class="small-code">
  71. <img src="__STATIC__/images/home/SVG-10.png">
  72. </div>
  73. </div>
  74. {/if}
  75. </div>
  76. <!-- tab切换 -->
  77. <div class="game_info_tab">
  78. <div class="tab_title">
  79. <a href="{:getGameUrl($detail['id'])}" title="{$detail.nickname}游戏介绍"><p class="title">游戏介绍</p></a>
  80. <a href="{:getGameNewsUrl($detail['id'])}" title="{$detail.nickname}游戏资讯"><p class="title">游戏资讯</p></a>
  81. <a href="{:getGameGiftUrl($detail['id'])}" title="{$detail.nickname}游戏礼包"><p class="active">游戏礼包</p></a>
  82. <a href="{:getGameServerUrl($detail['id'])}" title="{$detail.nickname}开服信息"><p class="title">开服信息</p></a>
  83. </div>
  84. <div class="tab_content">
  85. <!-- 游戏礼包 -->
  86. <div class="game_gift">
  87. {notempty name="list"}
  88. {volist name="list" id="vo"}
  89. <div class="tab_gift_content">
  90. <a href="{:getGiftUrl($vo['id'])}" title="{$vo.title}" target="_blank"><img lazy-src="{$vo.mobileicon}" src="__STATIC__/images/icon/150-150.png" class="smallIcon"></a>
  91. <div class="gift_text">
  92. <h4><a href="{:getGiftUrl($vo['id'])}" title="{$vo.title}" target="_blank">{$vo.title}</a></h4>
  93. <p class="gift_content">礼包内容:{$vo.content}</p>
  94. <p>有效时间:{$vo.starttime} 至 {$vo.endtime}</p>
  95. <div class="gift_progress">
  96. <p>礼包剩余:</p>
  97. <div class="warp_gift_surplus">
  98. <div class="gift_surplus" style="width:{$vo.percent} ;"></div>
  99. </div>
  100. <p>{$vo.percent}</p>
  101. </div>
  102. </div>
  103. <a class="have_gift" href="{:getGiftUrl($vo['id'])}" target="_blank">领取</a>
  104. </div>
  105. {/volist}
  106. <!-- 分页 -->
  107. <div class="page ">
  108. {$page}
  109. <div class="rows">共 <b>{$list->total()}</b>条 / <b>{$list->toArray()['last_page']}</b>页 记录 </div>
  110. </div>
  111. <!-- 分页end -->
  112. {else/}
  113. <!-- 无游戏礼包 -->
  114. <div class="no_content">
  115. <img src="__STATIC__/images/icon/no-gift.png">
  116. <p style="padding-left: 60px;">该游戏礼包正在加紧补货中...</p>
  117. </div>
  118. <!-- 无游戏礼包end -->
  119. {/notempty}
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="game_info_right">
  125. <!-- 手游排行 -->
  126. <div class="rank">
  127. <h4 title="手游排行">
  128. <span>手游排行</span>
  129. </h4>
  130. <div class="rank_list" id="J_rank_list">
  131. </div>
  132. </div>
  133. <!-- 两张广告图片 -->
  134. <!-- 两张广告图片end -->
  135. <!-- 最新上线 -->
  136. <div class="new_outline">
  137. <h4 title="最新上线"><span>最新上线</span></h4>
  138. <div class="warp_cont">
  139. {volist name="newGameList" id="vo"}
  140. <div class="new_outline_img">
  141. <a href="{$vo.url}" title="{$vo.nickname}" target="_blank"><img lazy-src="{$vo.icon}" src="__STATIC__/images/icon/150-150.png" class="smallIcon"></a>
  142. <p><a href="{$vo.url}" title="{$vo.nickname}" target="_blank">{$vo.nickname}</a></p>
  143. </div>
  144. {/volist}
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <!-- 下载弹窗 start -->
  152. <div class="warp_download_popup">
  153. <div class="download_popup" >
  154. <div class="download_title"><span>下载</span></div>
  155. <div class="game_title"> <p>传奇帝国之荣耀骑士传奇,传奇帝国之荣耀骑士传奇传奇帝国之荣耀骑士传奇...</p></div>
  156. <div class="az_download">
  157. <div class="az_hover">
  158. <a href="" >
  159. <img src="__STATIC__/images/home/SVG-07.png">
  160. <span>安卓版本下载</span>
  161. </a>
  162. </div>
  163. <div class="az_code"><img src="__STATIC__/images/home/SVG-10.png"></div>
  164. </div>
  165. <div class="big_az_code">
  166. <div id="qrcode"></div>
  167. <div class="scan_code">
  168. <img src="__STATIC__/images/icon/scan.png">
  169. <span>扫码立即下载</span>
  170. </div>
  171. <div class="border-left-empty">
  172. <span></span>
  173. </div>
  174. </div>
  175. <div class="close">
  176. </div>
  177. </div>
  178. </div>
  179. <div class="warp_no_download_popup">
  180. <div class="no_download_popup" >
  181. <div class="tip"><span>提示</span><div class="close">
  182. </div></div>
  183. <div class="tip_txt">
  184. <p>该游戏暂无下载链接,稍后再试</p>
  185. <div class="tip_btn">
  186. <div class="determine"><span>确定</span></div>
  187. <div class="cancel"><span>取消</span></div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <!-- 下载弹窗 end -->
  193. {/block}
  194. {block name="detail_js"}
  195. <script src="__STATIC__/js/common.js"></script>
  196. <script src="__STATIC__/js/qrcode.min.js" ></script>
  197. <script src="__STATIC__/js/game/public.js" ></script>
  198. {/block}