index.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. <extend name="public/base" />
  2. <block name="title">
  3. <title>{$seo.title|default=$site_info.site_name.' - 礼包中心'}</title>
  4. </block>
  5. <block name="main">
  6. <div class="wrap">
  7. <div class="giftBag">
  8. <div class="shadowScroll huo_scroll__outer">
  9. <div class="giftBag_content huo_scroll__inner">
  10. <!--<div class="userSign">
  11. <div class="userSign_head">
  12. <div class="userSign_head__img">
  13. <img src="{$userinfo.avatar|default='__STATIC__/h5wap/images/mine_touxiang.png'}" />
  14. </div>
  15. </div>
  16. <div class="userSign_detail">
  17. <if condition="$userinfo.mem_id gt 0">
  18. <p class="userSign_detail__p1">{$userinfo.nickname}</p>
  19. <p class="userSign_detail__p2">积分:<span id="myIntegral">{$userinfo.my_integral}</span></p>
  20. <else/>
  21. <a href="/wap/user/login">
  22. <p class="userSign_detail__p1">未登录</p>
  23. <p class="userSign_detail__p2">快点点击我登录呗~</p>
  24. </a>
  25. </if>
  26. </div>
  27. <div class="userSign_sign">
  28. <if condition="$userinfo.has_sign eq 2">
  29. <span class="userSign_qiandao" onclick="$('#signPanel').show()" style="background-image: url('__STATIC__/h5wap/images/button_yiqiandao.png');"></span>
  30. <else/>
  31. <span id="signBtn" class="userSign_qiandao" onclick="addSign()"><i class="reddot"></i></span>
  32. </if>
  33. </div>
  34. </div>-->
  35. <div class="hotTab" style="background-color: #2E323E;margin-bottom: 20px;border-bottom: none">
  36. <ul class="hotTabBox">
  37. <li class="hotTabBox_item tabIndex activityTab_item__list">礼包<i class="hotTabBox_item__bar"></i></li>
  38. <li class="hotTabBox_item tabIndex activityTab_item__list">活动<i class="hotTabBox_item__bar"></i></li>
  39. <!-- <li class="hotTabBox_item tabIndex activityTab_item__list">有奖<i class="hotTabBox_item__bar"></i></li>-->
  40. <li class="hotTabBox_item tabIndex activityTab_item__list">资讯<i class="hotTabBox_item__bar "></i></li>
  41. <li class="hotTabBox_item tabIndex activityTab_item__list">公告<i class="hotTabBox_item__bar "></i></li>
  42. <li class="hotTabBox_item tabIndex activityTab_item__list">攻略<i class="hotTabBox_item__bar "></i></li>
  43. </ul>
  44. </div>
  45. <!--<div class="activityTab">
  46. <p class="activityTab_item">
  47. <span class="activityTab_item__list">活动</span>
  48. <span class="activityTab_item__list activitySelected">有奖</span>
  49. <span class="activityTab_item__list">公告</span>
  50. </p>
  51. </div>-->
  52. <div class="activityContent">
  53. <div class="activity_content">
  54. <div id="giftList" huoScrollType="giftList" huoScrollCount="{$gamegift.count}" huoScrollPage="1">
  55. <volist name="$gamegift.list" id="list">
  56. <div class="giftList">
  57. <div class="giftList_name">
  58. <img src="{$list.icon}" />
  59. <span>{$list.gamename}</span>
  60. <a href="{:H5MSITE}/sdk.php/game?game_id={$list.game_id}&agent_id={$agent_id}">
  61. <span class="start"></span>
  62. </a>
  63. </div>
  64. <volist name="$list.gift_list" id="gift_list" offset="0" length="1">
  65. <div class="giftList_addGroup" giftid="{$gift_list.gift_id}">
  66. <div class="giftList_addGroup__div1">
  67. <p>
  68. <if condition="$gift_list.qq_group neq ''">
  69. <span class="libao">加群</span>
  70. <else/>
  71. <span class="tongyima">兑换码</span>
  72. </if>
  73. {$gift_list.title}
  74. </p>
  75. <p>{$gift_list.content}</p>
  76. <div class="lave">
  77. <p><i style="width: {$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%;"></i></p>
  78. <span>{$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%</span>
  79. </div>
  80. </div>
  81. <div class="giftList_addGroup__div2">
  82. <if condition="$gift_list.qq_group neq ''">
  83. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.idkey}" qqgrouptype="idkey">加群</a>
  84. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.and_key}" qqgrouptype="and_key" style="display: none;">加群</a>
  85. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.ios_key}" qqgrouptype="ios_key" style="display: none;">加群</a>
  86. <elseif condition="empty($gift_list.code)">
  87. <span class="lingqu" onclick="addGift('{$gift_list.gift_id}', this)">领取</span>
  88. <else/>
  89. <span class="lingqu" giftcode="{$gift_list.code}">查看</span>
  90. </if>
  91. </div>
  92. </div>
  93. </volist>
  94. <ul class="giftList_others">
  95. <volist name="$list.gift_list" id="gift_list" offset="1">
  96. <li class="giftList_others__item" giftid="{$gift_list.gift_id}">
  97. <div class="giftList_addGroup__div1">
  98. <p>
  99. <if condition="$gift_list.qq_group neq ''">
  100. <span class="libao">加群</span>
  101. <else/>
  102. <span class="tongyima">兑换码</span>
  103. </if>
  104. {$gift_list.title}
  105. </p>
  106. <p class="duihuanCode">{$gift_list.content}</p>
  107. <div class="lave">
  108. <p><i style="width: {$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%;"></i></p>
  109. <span>{$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%</span>
  110. </div>
  111. </div>
  112. <div class="giftList_addGroup__div2">
  113. <if condition="$gift_list.qq_group neq ''">
  114. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.idkey}" qqgrouptype="idkey">加群</a>
  115. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.and_key}" qqgrouptype="and_key" style="display: none;">加群</a>
  116. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.ios_key}" qqgrouptype="ios_key" style="display: none;">加群</a>
  117. <elseif condition="empty($gift_list.code)">
  118. <span class="lingqu" onclick="addGift('{$gift_list.gift_id}', this)">领取</span>
  119. <else/>
  120. <span class="lingqu" giftcode="{$gift_list.code}" onclick="">查看</span>
  121. </if>
  122. </div>
  123. </li>
  124. </volist>
  125. </ul>
  126. <if condition="count($list.gift_list) gt 1">
  127. <p class="getMore">
  128. <span class="shouqi">查看更多礼包</span>
  129. <img src="__STATIC__/h5wap/images/icon_denglu_xialaanniu.png" />
  130. </p>
  131. </if>
  132. </div>
  133. </volist>
  134. </div>
  135. <div class="noMore noMore2 huo_scroll__more<if condition='$gamegift.count gt 10'> hidden</if>" >
  136. <span class="noMore_text">没有更多了</span>
  137. </div>
  138. </div>
  139. <ul class="activity_content huodong" id="newsActive" huoScrollType="newsActive"></ul>
  140. <!-- <ul class="activity_content youjiang" style="display: none" id="newsAward" huoScrollType="newsAward">
  141. </ul>-->
  142. <ul class="activity_content notice" id="newsNotice" huoScrollType="newsNotice"></ul>
  143. <ul class="activity_content information" id="information" huoScrollType="information"></ul>
  144. <ul class="activity_content strategy" id="strategy" huoScrollType="strategy"></ul>
  145. <div class="noMore huo_scroll__more hidden">
  146. <span class="noMore_text">没有更多了</span>
  147. </div>
  148. </div>
  149. <!-- <div>
  150. <div id="giftList" huoScrollType="giftList" huoScrollCount="{$gamegift.count}" huoScrollPage="1">
  151. <volist name="$gamegift.list" id="list">
  152. <div class="giftList">
  153. <div class="giftList_name">
  154. <img src="{$list.icon}" />
  155. <span>{$list.gamename}</span>
  156. <a href="{:H5MSITE}/sdk.php/game?game_id={$list.game_id}&agent_id={$agent_id}">
  157. <span class="start"></span>
  158. </a>
  159. </div>
  160. <volist name="$list.gift_list" id="gift_list" offset="0" length="1">
  161. <div class="giftList_addGroup" giftid="{$gift_list.gift_id}">
  162. <div class="giftList_addGroup__div1">
  163. <p>
  164. <if condition="$gift_list.qq_group neq ''">
  165. <span class="libao">加群</span>
  166. <else/>
  167. <span class="tongyima">统一码</span>
  168. </if>
  169. {$gift_list.title}
  170. </p>
  171. <p>{$gift_list.content}</p>
  172. <div class="lave">
  173. <p><i style="width: {$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%;"></i></p>
  174. <span>{$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%</span>
  175. </div>
  176. </div>
  177. <div class="giftList_addGroup__div2">
  178. <if condition="$gift_list.qq_group neq ''">
  179. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.idkey}" qqgrouptype="idkey">加群</a>
  180. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.and_key}" qqgrouptype="and_key" style="display: none;">加群</a>
  181. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.ios_key}" qqgrouptype="ios_key" style="display: none;">加群</a>
  182. <elseif condition="empty($gift_list.code)">
  183. <span class="lingqu" onclick="addGift('{$gift_list.gift_id}', this)">领取</span>
  184. <else/>
  185. <span class="lingqu" giftcode="{$gift_list.code}">查看</span>
  186. </if>
  187. </div>
  188. </div>
  189. </volist>
  190. <ul class="giftList_others">
  191. <volist name="$list.gift_list" id="gift_list" offset="1">
  192. <li class="giftList_others__item" giftid="{$gift_list.gift_id}">
  193. <div class="giftList_addGroup__div1">
  194. <p>
  195. <if condition="$gift_list.qq_group neq ''">
  196. <span class="libao">加群</span>
  197. <else/>
  198. <span class="tongyima">统一码</span>
  199. </if>
  200. {$gift_list.title}
  201. </p>
  202. <p class="duihuanCode">{$gift_list.content}</p>
  203. <div class="lave">
  204. <p><i style="width: {$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%;"></i></p>
  205. <span>{$gift_list.remain_cnt / $gift_list.total_cnt * 100 | round=###, 2}%</span>
  206. </div>
  207. </div>
  208. <div class="giftList_addGroup__div2">
  209. <if condition="$gift_list.qq_group neq ''">
  210. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.idkey}" qqgrouptype="idkey">加群</a>
  211. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.and_key}" qqgrouptype="and_key" style="display: none;">加群</a>
  212. <a target="_blank" class="jiaqun" href="{$gift_list.qq_group.ios_key}" qqgrouptype="ios_key" style="display: none;">加群</a>
  213. <elseif condition="empty($gift_list.code)">
  214. <span class="lingqu" onclick="addGift('{$gift_list.gift_id}', this)">领取</span>
  215. <else/>
  216. <span class="lingqu" giftcode="{$gift_list.code}" onclick="">查看</span>
  217. </if>
  218. </div>
  219. </li>
  220. </volist>
  221. </ul>
  222. <if condition="count($list.gift_list) gt 1">
  223. <p class="getMore">
  224. <span class="shouqi">查看更多礼包</span>
  225. <img src="__STATIC__/h5wap/images/icon_denglu_xialaanniu.png" />
  226. </p>
  227. </if>
  228. </div>
  229. </volist>
  230. </div>
  231. <div class="noMore huo_scroll__more<if condition='$gamegift.count gt 10'> hidden</if>" >
  232. <span class="noMore_text">没有更多了</span>
  233. </div>
  234. </div>-->
  235. </div>
  236. </div>
  237. <div class="footer">
  238. <include file="public/navbar" index="1" />
  239. </div>
  240. </div>
  241. <include file="public/sign" />
  242. <div class="getSucess">
  243. <div class="getSucessBox">
  244. <p class="getSucessBox_p1">领取提示</p>
  245. <p class="getSucessBox_p2">兑换码:<span class="getSucess_p2__code"></span></p>
  246. <p class="getSucessBox_p3">复制兑换码,去游戏中使用</p>
  247. <p class="getSucessBox_p4" onclick="">复制</p>
  248. </div>
  249. </div>
  250. <div class="fuzhiSucess">复制成功</div>
  251. </div>
  252. </block>
  253. <block name="otherScript">
  254. <script src="__STATIC__/h5wap/js/clipboard.js"></script>
  255. <script>
  256. showQQGroup()
  257. huoScroll()
  258. $(function () {
  259. // 活动
  260. fetchNewsList({
  261. type: 2
  262. }, 'newsActive')
  263. // 公告
  264. fetchNewsList({
  265. type: 4
  266. }, 'newsNotice')
  267. // 有奖
  268. fetchNewsList({
  269. type: 5
  270. }, 'newsAward')
  271. // 攻略
  272. fetchNewsList({
  273. type: 3
  274. }, 'strategy')
  275. // 资讯
  276. fetchNewsList({
  277. type: 1
  278. }, 'information')
  279. var index = localStorage.getItem('tabIndex')
  280. $('.tabIndex').eq(0).addClass('tabBox_selected')
  281. $('.tabIndex').eq(0).siblings().removeClass('tabBox_selected')
  282. $('.activityContent .activity_content').eq(0).show()
  283. $('.activityContent .activity_content').eq(0).siblings().hide()
  284. if(index){
  285. $('.tabIndex').eq(index).addClass('tabBox_selected')
  286. $('.tabIndex').eq(index).siblings().removeClass('tabBox_selected')
  287. $('.activityContent .activity_content').eq(index).show()
  288. $('.activityContent .activity_content').eq(index).siblings().hide()
  289. }
  290. // recentInit()
  291. // huoScroll()
  292. // huoDrag()
  293. })
  294. </script>
  295. </block>