wechat.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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/return.html';
  25. // prod
  26. let redirect_url = 'https://fele.ncshop.elken.com/return.html';
  27. console.log('replace-o', mweb_url + '&redirect_url=' + encodeURIComponent(redirect_url))
  28. // window.location.replace(mweb_url + '&redirect_url=' + encodeURIComponent(redirect_url))
  29. });
  30. </script>
  31. <style>
  32. html{
  33. width: 100%;
  34. height: 100%;
  35. overflow: hidden;
  36. }
  37. body{
  38. width: 100%;
  39. height: 100%;
  40. overflow: hidden;
  41. }
  42. .payment {
  43. width: 100%;
  44. height: 100%;
  45. }
  46. .loading {
  47. position: relative;
  48. width: 100%;
  49. height: 100%;
  50. }
  51. .loading::before {
  52. content: '';
  53. position: absolute;
  54. top: 50%;
  55. left: 50%;
  56. transform: translate(-50%, -50%);
  57. width: 50px;
  58. height: 50px;
  59. border-radius: 50%;
  60. border: 3px solid rgba(0, 0, 0, .2);
  61. border-top-color: #000;
  62. animation: rotate 1s infinite linear;
  63. }
  64. @keyframes rotate {
  65. to {
  66. transform: translate(-50%, -50%) rotate(360deg);
  67. }
  68. }
  69. </style>
  70. </html>