redrecord.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <include file="Public/head"/> <!--公共css-->
  5. <link type="text/css" rel="stylesheet" href="__STATIC__/appapi/css/record.css?t=1563270253"/>
  6. <title>{:lang('收益明细')}</title>
  7. </head>
  8. <body>
  9. <div class="list">
  10. <ul>
  11. <volist name="list" id="v">
  12. <li>
  13. <div class="list_l" style="padding-left: 0.2rem;">
  14. <p class="name">{:lang('红包收益')}</p>
  15. <p class="id">{$v['addtime']}</p>
  16. </div>
  17. <div class="list_r">
  18. <p class="name"></p>
  19. <p class="nums">+{$v['votes']}</p>
  20. </div>
  21. </li>
  22. </volist>
  23. </ul>
  24. </div>
  25. <script>
  26. var uid='{$uid}';
  27. var token='{$token}';
  28. var baseSize = 100;
  29. function setRem () {
  30. var scale = document.documentElement.clientWidth / 750;
  31. document.documentElement.style.fontSize = (baseSize * Math.min(scale, 3)) + 'px';
  32. }
  33. setRem();
  34. window.onresize = function () {
  35. setRem();
  36. }
  37. </script>
  38. <include file="Public/footer"/>
  39. <script>
  40. $(function(){
  41. function getlistmore(){
  42. $.ajax({
  43. url:'/appapi/cash/record_more?lang='+language,
  44. data:{'page':page,'uid':uid,'token':token},
  45. type:'post',
  46. dataType:'json',
  47. success:function(data){
  48. if(data.nums>0){
  49. var nums=data.nums;
  50. var list=data.data;
  51. var html='';
  52. for(var i=0;i<nums;i++){
  53. var v=list[i];
  54. html+='<li>\
  55. <div class="list_l" style="padding-left: 0.2rem;">\
  56. <p class="name">'+LangT('红包收益')+'</p>';
  57. html+='<p class="id">'+v['addtime']+'</p>';
  58. html+='</div>\
  59. <div class="list_r">\
  60. <p class="name"></p>\
  61. <p class="nums">'+v['votes']+'</p>\
  62. </div>\
  63. </li>';
  64. }
  65. $(".list ul").append(html);
  66. }
  67. if(data.isscroll==1){
  68. page++;
  69. isscroll=true;
  70. }
  71. }
  72. })
  73. }
  74. var page=2;
  75. var isscroll=true;
  76. var scroll_list=$(".list");
  77. $(window).scroll(function(){
  78. var srollPos = $(document).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
  79. var totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
  80. if((scroll_list.height()-totalheight) <=50 && isscroll){
  81. isscroll=false;
  82. getlistmore()
  83. }
  84. });
  85. })
  86. </script>
  87. </body>
  88. </html>