alipay_ok.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPEhtml>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  5. <title>支付成功</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="format-detection" content="telephone=no">
  11. <style>
  12. html,body{background: #f5f5f5;}
  13. .clearfix{zoom:1}.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\20'}
  14. .app-main{width:1180px;margin: 0px auto;}
  15. .pr{position: relative;}
  16. .pa{position: absolute;}
  17. .fl{float:left}
  18. .fr{float:right}
  19. .fx-r{display: flex;flex-direction: row;flex-wrap:wrap;}
  20. .fx-h{display: flex;flex-direction: column;}
  21. .fx-ac{justify-content:center;}
  22. .fx-as{justify-content:flex-start;}
  23. .fx-ae{justify-content:flex-end;}
  24. .fx-bc{align-items:center;}
  25. .fx-be{align-items:flex-end;}
  26. .fx-bs{align-items:flex-start;}
  27. .fx-g1{flex-grow:1;}
  28. .fx-g2{flex-grow:2;}
  29. .fx-g3{flex-grow:3;}
  30. .fx-g4{flex-grow:4;}
  31. .fx-s{flex-shrink:0;}
  32. .pay-icon{ margin-top: 20px;}
  33. .pay-title{ font-size: 24px;margin: 10px 0;color: #00a0e8;}
  34. .pay-money{font-size: 32px;color: #333;}
  35. .pay-mono{ color: #ccc;}
  36. .pay-order{ font-size: 16px; margin-top: 6px;}
  37. .pay-zfb{
  38. background: #198cff;
  39. border-radius: 50%;
  40. width: 90px;
  41. height: 90px;
  42. color: #fff;
  43. margin: 0px 5px;
  44. margin-top: 100px;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div class="pay-icon fx-h fx-bc fx-ac">
  50. <div class="pay-zfb fx-h fx-bc fx-ac"><svg data-v-f97276b0="" viewBox="64 64 896 896" data-icon="alipay" width="60px" height="60px" fill="currentColor" aria-hidden="true" focusable="false"><path data-v-f97276b0="" d="M789 610.3c-38.7-12.9-90.7-32.7-148.5-53.6 34.8-60.3 62.5-129 80.7-203.6H530.5v-68.6h233.6v-38.3H530.5V132h-95.4c-16.7 0-16.7 16.5-16.7 16.5v97.8H182.2v38.3h236.3v68.6H223.4v38.3h378.4a667.18 667.18 0 0 1-54.5 132.9c-122.8-40.4-253.8-73.2-336.1-53-52.6 13-86.5 36.1-106.5 60.3-91.4 111-25.9 279.6 167.2 279.6C386 811.2 496 747.6 581.2 643 708.3 704 960 808.7 960 808.7V659.4s-31.6-2.5-171-49.1zM253.9 746.6c-150.5 0-195-118.3-120.6-183.1 24.8-21.9 70.2-32.6 94.4-35 89.4-8.8 172.2 25.2 269.9 72.8-68.8 89.5-156.3 145.3-243.7 145.3z"></path></svg></div>
  51. <div class="pay-title">支付成功</div>
  52. <div class="pay-money">{$data.money}元</div>
  53. <div class="pay-mono">{$data.content}</div>
  54. <div class="pay-order">订单单号:{$data.out_trade_no}</div>
  55. <div class="pay-order">支付时间:{:date('Y-m-d H:i:s')}</div>
  56. </div>
  57. </body>
  58. </html>