myRecharge.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <title>读书挑战赛</title>
  9. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/common.css')}">
  10. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/common.css?v=1')}">
  11. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/myRecharge.css?v=5')}">
  12. <script>
  13. (function (doc, win) {
  14. var docEl = doc.documentElement,
  15. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  16. recalc = function () {
  17. var clientWidth = docEl.clientWidth;
  18. if (!clientWidth) return;
  19. docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
  20. };
  21. recalc();
  22. if (!doc.addEventListener) return;
  23. win.addEventListener(resizeEvt, recalc, false);
  24. doc.addEventListener('DOMContentLoaded', recalc, false);
  25. })(document, window);
  26. </script>
  27. </head>
  28. <body>
  29. <div class="my_recharge">
  30. <div class="recharge_content">
  31. <div class="recharge_top">
  32. <div class="recharge_num">{$sum['reward_sum']}</div>
  33. <div class="recharge_tip">累计赚取书币</div>
  34. <div class="recharge_top_box">
  35. <div class="top_left">
  36. <div class="top_box_num">{$sum['kandian_sum']}</div>
  37. <div class="top_box_tip">累计投入书币</div>
  38. </div>
  39. <div class="top_right">
  40. <div class="top_box_num">{$sum['success_num']}</div>
  41. <div class="top_box_tip">挑战成功次数</div>
  42. </div>
  43. </div>
  44. </div>
  45. <!-- 我的挑战不为空 -->
  46. {if condition="!empty($match['ing']) || !empty($match['success']) || !empty($match['fail'])"}
  47. <div class="recharge_main">
  48. <!-- 挑战中 111-->
  49. <div class="recharge_ing recharge_common">
  50. <div class="recharge_title">进行中</div>
  51. {foreach name="match['ing']" item="m"}
  52. <div class="recharge_item">
  53. <span class="recharge_item_num">{$m.match_date}期</span>
  54. <span class="recharge_item_count">投入{$m.kandian}书币</span>
  55. </div>
  56. {/foreach}
  57. </div>
  58. <div class="recharge_ing recharge_common">
  59. <div class="recharge_title">挑战成功</div>
  60. {foreach name="match['success']" item="s"}
  61. <div class="recharge_item">
  62. <span class="recharge_item_num">{$s.match_date}期</span>
  63. <span class="recharge_item_count">投入{$s.kandian}书币</span>
  64. {if condition="$s.status == 4"}
  65. <span class="recharge_item_count">获得{$s.reward}赠送书币</span>
  66. {/if}
  67. {if condition="$s.status == 6"}
  68. <span class="recharge_item_count">获得{$s.reward}赠送书币</span>
  69. <span class="success_no_award"></span>
  70. {/if}
  71. </div>
  72. {/foreach}
  73. </div>
  74. <div class="recharge_fail recharge_common">
  75. <div class="recharge_title">挑战失败</div>
  76. {foreach name="match['fail']" item="f"}
  77. <div class="recharge_item">
  78. <span class="recharge_item_num">{$f.match_date}期</span>
  79. <span class="recharge_item_count">投入{$f.kandian}书币</span>
  80. </div>
  81. {/foreach}
  82. </div>
  83. </div>
  84. {else /}
  85. <!-- 我的挑战为空 -->
  86. <div class="recharge_null">
  87. <img class='img_null' src="{:asset('/img/frontend/campaign/my_recharge_null.png')}" alt="">
  88. <div class="null_btn">
  89. 立即报名
  90. </div>
  91. </div>
  92. {/if}
  93. </div>
  94. </div>
  95. <script>
  96. var code = '0'
  97. </script>
  98. <script type="text/javascript" src="{:asset('/js/frontend/campaign/zepto.min.js')}"></script>
  99. <script type="text/javascript" src="{:asset('/js/frontend/campaign/common.js?v=1')}"></script>
  100. <script type="text/javascript" src="{:asset('/js/frontend/campaign/myRecharge.js?v=3')}"></script>
  101. </body>
  102. </html>