wechat.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>pay</title>
  6. </head>
  7. <body>
  8. <div class="loading"></div>
  9. </body>
  10. <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  11. <script>
  12. function getQueryString(name, url) {
  13. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  14. let r = url.substr(1).match(reg);
  15. if (r != null) {
  16. return unescape(r[2]);
  17. }
  18. return null;
  19. }
  20. let mweb_url = getQueryString('mweb_url', window.location.search);
  21. console.log('mweb_url', mweb_url)
  22. $(function() {
  23. // test
  24. // let redirect_url = 'https://nc-fele-mips.elken.com:8015/#/shop/order-list';
  25. // prod
  26. let redirect_url = 'https://fele.ncshop.elken.com/#/shop/order-list';
  27. // window.location.replace(mweb_url + '&redirect_url=' + encodeURIComponent(redirect_url))
  28. });
  29. </script>
  30. <style>
  31. html{
  32. width: 100%;
  33. height: 100%;
  34. overflow: hidden;
  35. }
  36. body{
  37. width: 100%;
  38. height: 100%;
  39. overflow: hidden;
  40. }
  41. .payment {
  42. width: 100%;
  43. height: 100%;
  44. }
  45. .loading {
  46. position: relative;
  47. width: 100%;
  48. height: 100%;
  49. }
  50. .loading::before {
  51. content: '';
  52. position: absolute;
  53. top: 50%;
  54. left: 50%;
  55. transform: translate(-50%, -50%);
  56. width: 50px;
  57. height: 50px;
  58. border-radius: 50%;
  59. border: 3px solid rgba(0, 0, 0, .2);
  60. border-top-color: #000;
  61. animation: rotate 1s infinite linear;
  62. }
  63. @keyframes rotate {
  64. to {
  65. transform: translate(-50%, -50%) rotate(360deg);
  66. }
  67. }
  68. </style>
  69. </html>