multi.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <style type="text/css">
  2. td,th {text-align:center;vertical-align:middle;}
  3. #ac_table{
  4. overflow: auto;
  5. margin: 20px 0;
  6. white-space: nowrap;
  7. border-left: 1px solid #ccc;
  8. border-top: 1px solid #ccc;
  9. border-right: 1px solid #ccc;
  10. }
  11. #ac_table table{
  12. margin-bottom: 0;
  13. }
  14. #ac_table th{
  15. background-color: #eee;
  16. font-size: 14px;
  17. color: #333;
  18. text-align: center;
  19. font-weight: normal;
  20. line-height: 30px;
  21. border-bottom: 1px solid #ccc;
  22. border-right: 1px solid #ccc;
  23. }
  24. #ac_table td{
  25. padding: 16px 10px;
  26. font-size: 14px;
  27. color: #333;
  28. text-align: center;
  29. font-weight: normal;
  30. vertical-align: middle;
  31. border-bottom: 1px solid #ccc;
  32. border-right: 1px solid #ccc;
  33. }
  34. #ac_table th:last-child,
  35. #ac_table td:last-child{
  36. border-right:0;
  37. }
  38. #ac_table td strong,
  39. #ac_table td span{
  40. display: block;
  41. text-align: left;
  42. }
  43. #ac_table td strong{
  44. font-size: 18px;
  45. color: #333;
  46. }
  47. #ac_table td span{
  48. color: #999;
  49. }
  50. .center{
  51. text-align: center;
  52. }
  53. td,th { text-align:center; /*设置水平居中*/ vertical-align:middle;/*设置垂直居中*/ }
  54. ::-webkit-scrollbar {
  55. display:none
  56. }
  57. .total_popup_box{
  58. display: none;
  59. position: fixed;
  60. left: 0;
  61. top: 0;
  62. right: 0;
  63. bottom: 0;
  64. z-index: 1000;
  65. background-color: rgba(0,0,0,.3);
  66. padding: 20px;
  67. font-size: 0;
  68. text-align: center;
  69. white-space: nowrap;
  70. box-sizing: border-box;
  71. }
  72. .tp_main_box,
  73. .tp_jgb{
  74. display: inline-block;
  75. *display: inline;
  76. *zoom:1;
  77. vertical-align: middle;
  78. }
  79. .tp_jgb{
  80. overflow: hidden;
  81. margin-left: -1px;
  82. width: 1px;
  83. height: 100%;
  84. }
  85. .tp_body{
  86. overflow: hidden;
  87. width: 300px;
  88. background-color: #fff;
  89. border-radius: 6px;
  90. }
  91. .tp_tit{
  92. border-bottom: 1px solid #f6f6f6;
  93. padding: 10px 20px 0;
  94. height: 50px;
  95. line-height: 40px;
  96. }
  97. .tp_tit h3{
  98. margin: 0;
  99. text-align: left;
  100. font-size: 16px;
  101. color: #333;
  102. line-height: 40px;
  103. }
  104. .tp_list_box{
  105. padding: 20px;
  106. overflow: hidden;
  107. border-bottom: 1px solid #f6f6f6;
  108. }
  109. .tpl_tit{
  110. margin-bottom: 10px;
  111. font-size: 14px;
  112. text-align: center;
  113. color: #333;
  114. line-height: 24px;
  115. }
  116. .tpl_li{
  117. font-size: 14px;
  118. color: #333;
  119. text-align: center;
  120. line-height: 24px;
  121. }
  122. .tpl_li em,
  123. .tpl_li strong{
  124. margin: 0 6px;
  125. font-size: 14px;
  126. color: #333;
  127. font-weight: normal;
  128. font-style: normal;
  129. line-height: 24px;
  130. }
  131. .tpl_but_box{
  132. overflow: hidden;
  133. padding: 20px;
  134. }
  135. .tpl_but_box a{
  136. overflow: hidden;
  137. margin: 0 auto;
  138. display: block;
  139. width: 160px;
  140. height: 36px;
  141. background-color: #e74c3c;
  142. color: #fff;
  143. font-size: 14px;
  144. text-align: center;
  145. line-height: 36px;
  146. border-radius: 4px;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151. <p class="center">您将申请提现 {$totalmoney} 元,</p>
  152. <p class="center">提交申请后我们会在24小时内给您打款</p>
  153. <table class="table table-striped table-condensed">
  154. <tr>
  155. <th>公众号</th>
  156. <th>用户名</th>
  157. <th>提现金额</th>
  158. </tr>
  159. {volist name="list" id="vo"}
  160. <tr>
  161. <td>{$vo.name}</td>
  162. <td>{$vo.username}</td>
  163. <td>{$vo.money}</td>
  164. </tr>
  165. {/volist}
  166. </table>
  167. <input type="hidden" value="{$ids}" class="multiids">
  168. <div class="form-group layer-footer">
  169. <label class="control-label col-xs-12 col-sm-2"></label>
  170. <div class="col-xs-12 col-sm-8">
  171. <button class="btn btn-success btn-embossed multisubmit">{:__('OK')}</button>
  172. <button class="btn btn-default" onclick="$('.layui-layer-close').click()">{:__('取消')}</button>
  173. </div>
  174. </div>
  175. <div class="total_popup_box" id="total_popup_box">
  176. <div class="tp_main_box">
  177. <div class="tp_body">
  178. <div class="tp_tit">
  179. <h3>提现要求未满足</h3>
  180. </div>
  181. <div class="tp_list_box">
  182. </div>
  183. <div class="tpl_but_box">
  184. <a href="javascript:;" id="tpl_but_ok">确定</a>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="tp_jgb"></div>
  189. </div>
  190. <script type="text/javascript">
  191. document.getElementById('tpl_but_ok').onclick = function(){
  192. document.getElementById('total_popup_box').style.display = 'none';
  193. }
  194. </script>