Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 

112 рядки
3.3 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>收支明细</title>
  7. <link rel="stylesheet" href="css/main.css" />
  8. <link rel="stylesheet" href="css/ui-base.css" />
  9. <link rel="stylesheet" href="css/ui-box.css" />
  10. <link rel="stylesheet" href="css/ui-color.css" />
  11. <style type="text/css">
  12. .bot_line {
  13. border-bottom: 1px solid #e5e5e5;
  14. }
  15. .div_style {
  16. background-color: #ffffff;
  17. box-shadow: inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.1);
  18. padding: 0.12rem 0.16rem 0.12rem 0.16rem;
  19. }
  20. .more {
  21. /*height: 4rem;*/
  22. padding: 0.12rem;
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. color: #333;
  27. /*background: #fff;*/
  28. }
  29. .pull_icon {
  30. width: 0.25rem;
  31. height: 0.25rem;
  32. /*background-image: url('images/pull.png');*/
  33. background-repeat: no-repeat;
  34. background-position: center;
  35. background-size: 0.25rem;
  36. transition: all .5s;
  37. }
  38. .more span {
  39. padding-left: 0.05rem;
  40. }
  41. .more .flip {
  42. transform: rotate(180deg);
  43. }
  44. .loading {
  45. background-image: url('images/loading.png');
  46. background-repeat: no-repeat;
  47. background-position: center;
  48. background-size: 25px;
  49. }
  50. .more .loading {
  51. -webkit-transform: rotate(0deg) translateZ(0);
  52. -webkit-transition-duration: 0;
  53. -webkit-animation-name: loading;
  54. -webkit-animation-duration: 2s;
  55. -webkit-animation-iteration-count: infinite;
  56. -webkit-animation-timing-function: linear;
  57. }
  58. @-webkit-keyframes loading {
  59. from {
  60. -webkit-transform: rotate(0deg) translateZ(0);
  61. }
  62. to {
  63. -webkit-transform: rotate(360deg) translateZ(0);
  64. }
  65. }
  66. </style>
  67. </head>
  68. <body style="background-color: #f6f6f6;">
  69. <div id="list" class="ub ub-ver">
  70. <!--<div class="ub div_style">
  71. <div class="ub-f1 ub ub-ver">
  72. <div class="ulev1" style="color: #2b3857;">微信转账</div>
  73. <div class="ulev0" style="color: #80889a;">2017-09-09 12:12:12</div>
  74. </div>
  75. <div class="ub ub-ver">
  76. <div class="ub ub-ae ub-pe ulev2" style="color: #2d2f3b;">+10</div>
  77. <div class="ub ub-ae" style="color: #80889a;">余额 4433</div>
  78. </div>
  79. </div>
  80. <div class="ub div_style">
  81. <div class="ub-f1 ub ub-ver">
  82. <div class="ulev1" style="color: #2b3857;">微信转账</div>
  83. <div class="ulev0" style="color: #80889a;">2017-09-09 12:12:12</div>
  84. </div>
  85. <div class="ub ub-ver">
  86. <div class="ub ub-ae ub-pe ulev2" style="color: #80889a;">-10</div>
  87. <div class="ub ub-ae" style="color: #80889a;">余额 4433</div>
  88. </div>
  89. </div>-->
  90. </div>
  91. <div class="more">
  92. <!--<div class="pull_icon"></div>-->
  93. <span>加载更多</span>
  94. </div>
  95. <div class="ub ub-ac ub-pc ui_p_t40 ui_p_b40 ulev2" style="display: none;" id="no_info">暂无相关明细!</div>
  96. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  97. <script src="js/main.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
  98. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  99. <script type="text/javascript" src="js/balance_list.js?v=2.2&t=201705081438"></script>
  100. </body>
  101. </html>