adLanding.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html class="remModel">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="description" content=""/>
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telephone=no,email=no">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <title></title>
  14. <link rel="stylesheet" href="/components/lib/mui.min.css">
  15. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  16. <link rel="stylesheet" href="/pages/css/user-common.css">
  17. <style>
  18. .ad-l-content{
  19. background-image: -webkit-linear-gradient(135deg, #EFAB71 0%, rgb(251, 214, 168) 100%);
  20. position: absolute;
  21. height: 100%;
  22. width: 100%;
  23. }
  24. #tips {
  25. font-size: 16px;
  26. color: #fff;
  27. height: 300px;
  28. position: relative;
  29. text-align: center;
  30. }
  31. #tips .iconfont {
  32. line-height: 66px;
  33. font-size: 54px;
  34. }
  35. .tips-text {
  36. position: absolute;
  37. top: 50%;
  38. left: 50%;
  39. width: 90%;
  40. -webkit-transform: translateX(-50%) translateY(-50%);
  41. transform: translateX(-50%) translateY(-50%);
  42. }
  43. #tips .end-tip {
  44. text-shadow: 0 0 10px #333;
  45. }
  46. #tips a {
  47. color: #F08519;
  48. text-shadow: 0 0 10px #333;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="ad-l-content">
  54. <div id="tips" class="">
  55. <div class="tips-text">
  56. <div class="iconfont icon-success"></div>
  57. <div class="end-tip">领取成功!</div>
  58. </div>
  59. </div>
  60. </div>
  61. <script src="/components/lib/mui.min.js"></script>
  62. <script src="/components/lib/jquery.min.js"></script>
  63. <script src="/components/custom/js/common.js"></script>
  64. <script src="/pages/js/user-common.js"></script>
  65. <script>
  66. var status = getQueryString("status");
  67. var logicalCode = getQueryString("logicalCode") || "";
  68. if (status == 'success') {
  69. sendRequest("/ad/getPayAfterAd", "GET", {logicalCode: logicalCode}, function (data) {
  70. if (data.result == 1) {
  71. var obj = data.data;
  72. if (obj.configs && obj.configs.autoRedirect) {
  73. mui.alert("广告领取成功,页面即将跳转...");
  74. setTimeout(function () {
  75. window.location = obj.link;
  76. }, 1900);
  77. }
  78. }
  79. });
  80. } else {
  81. mui.confirm("领取失败,是否要扫码重试?", "温馨提示", null, function (btnObj) {
  82. if (btnObj.index == 1) {
  83. scanQRCodeGoDevice();
  84. }
  85. });
  86. }
  87. </script>
  88. </body>
  89. </html>