gift.min.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. require(['config'], function () {
  2. require(['jquery', 'pagination'], function ($, pagination) {
  3. $(function () {
  4. // 页码
  5. renderPagination();
  6. function renderGamelist(page) {
  7. page = page || 1;
  8. $.ajax({
  9. url: '',
  10. data: {page: page},
  11. type: 'get',
  12. success: function (res) {
  13. $('#js-gift_tpl').html(giftDataToHtml(res.gift.list));
  14. giftarr = res;
  15. $('.js-robGift').on('click', function () {
  16. $('#GiftDetailDialog').fadeIn(200);
  17. });
  18. }
  19. })
  20. }
  21. function giftDataToHtml(data) {
  22. var h = '';
  23. $.each(data, function (i, v) {
  24. var date = new Date(v.end_time * 1000)
  25. h += '<div class="Gift_list_item">\n' +
  26. ' <div class="Gift_list_item_l">\n' +
  27. ' <a title="'+v.gamename+'" href="/v8/game/detail/gameid/' +v.gameid+ '.html' + '"><img src="'+v.icon+'" alt=""></a>\n' +
  28. ' <h5><a title="'+v.gamename+'" href="/v8/game/detail/gameid/' +v.gameid+ '.html">'+v.gamename+'</a></h5>\n' +
  29. ' </div>\n' +
  30. ' <div class="Gift_list_item_r">\n' +
  31. ' <h3><a title="'+v.gamename + ' - ' +v.gift_name+'" href="javascript:;">'+v.gift_name+'</a></h3>\n' +
  32. ' <p class="msg_p">'+v.content+'</p>\n' +
  33. ' <p class="u-redColor">有效期至:'+date.format("yyyy-MM-dd hh:mm:ss")+'</p>\n' +
  34. ' <p> 剩余:<b class="u-mainFontColor">'+v.remain+'</b> </p>\n' +
  35. ' </div>\n' +
  36. ' <div class="Gift_list_item_buttons">\n' +
  37. ' <a href="'+v.down_url+'" class="downLoadGame" href="">下载</a>\n' +
  38. ' <a href="javascript:;" class="js-robGift" downUrl="'+v.down_url+'" idx="'+i+'" onclick="getGift(this, giftarr.gift)">抢包</a>\n' +
  39. ' </div>\n' +
  40. ' </div>'
  41. })
  42. return h;
  43. }
  44. function renderPagination() {
  45. renderGamelist();
  46. // 生成分页并绑定分页事件
  47. pagination({
  48. elem : '#pagination',
  49. total : giftarr.count ,
  50. size : 8,
  51. callback: renderGamelist
  52. });
  53. }
  54. })
  55. })
  56. })