record.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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">
  14. <div class="img"><img src="{$v['userinfo']['avatar']}"></div>
  15. <p class="name">{$v['userinfo']['user_nickname']}</p>
  16. <if condition="$v['uid'] gt 0">
  17. <p class="id">ID:{$v['userinfo']['id']}</p>
  18. </if>
  19. </div>
  20. <div class="list_r">
  21. <p class="name">{$v['action_name']}</p>
  22. <p class="nums">+{$v['votes']}</p>
  23. </div>
  24. </li>
  25. </volist>
  26. </ul>
  27. </div>
  28. <script>
  29. var uid='{$uid}';
  30. var token='{$token}';
  31. var lang='{$language}';
  32. var baseSize = 100;
  33. function setRem () {
  34. var scale = document.documentElement.clientWidth / 750;
  35. document.documentElement.style.fontSize = (baseSize * Math.min(scale, 3)) + 'px';
  36. }
  37. setRem();
  38. window.onresize = function () {
  39. setRem();
  40. }
  41. </script>
  42. <include file="Public/footer"/>
  43. <script>
  44. $(function(){
  45. function getlistmore(){
  46. $.ajax({
  47. url:'/appapi/cash/record_more?lang='+lang,
  48. data:{'page':page,'uid':uid,'token':token},
  49. type:'post',
  50. dataType:'json',
  51. success:function(data){
  52. if(data.nums>0){
  53. var nums=data.nums;
  54. var list=data.data;
  55. var html='';
  56. for(var i=0;i<nums;i++){
  57. var v=list[i];
  58. html+='<li>\
  59. <div class="list_l">\
  60. <div class="img"><img src="'+v['userinfo']['avatar']+'"></div>\
  61. <p class="name">'+v['userinfo']['user_nickname']+'</p>';
  62. if(v['userinfo']['id']){
  63. html+='<p class="id">ID:'+v['userinfo']['id']+'</p>';
  64. }
  65. html+='</div>\
  66. <div class="list_r">\
  67. <p class="name">'+v['action_name']+'</p>\
  68. <p class="nums">'+v['votes']+'</p>\
  69. </div>\
  70. </li>';
  71. }
  72. $(".list ul").append(html);
  73. }
  74. if(data.isscroll==1){
  75. page++;
  76. isscroll=true;
  77. }
  78. }
  79. })
  80. }
  81. var page=2;
  82. var isscroll=true;
  83. var scroll_list=$(".list");
  84. $(window).scroll(function(){
  85. var srollPos = $(document).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
  86. var totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
  87. if((scroll_list.height()-totalheight) <=50 && isscroll){
  88. isscroll=false;
  89. getlistmore()
  90. }
  91. });
  92. })
  93. </script>
  94. </body>
  95. </html>