qrcode.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html class="remModel">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no"/>
  7. <meta name="format-detection" content="telephone=no,email=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="expires" content="0">
  13. <meta name="author" content="">
  14. <meta name="description" content=""/>
  15. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  16. <title>关注公众号使用</title>
  17. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  18. <link rel="stylesheet" href="/pages/css/user-common.css">
  19. </head>
  20. <body class="force-ad force-ad-2">
  21. <style>
  22. html {
  23. }
  24. .swiper-img {
  25. max-width: 90%;
  26. }
  27. .swiper-scale {
  28. top: 50% !important;
  29. transform: translateY(-50%) !important;
  30. box-shadow: 0 0 30px #aaa;
  31. }
  32. #goAtt {
  33. background: #07C160;
  34. box-shadow: 0 1px 2px #ccc;
  35. width: 80%;
  36. border-radius: 21px;
  37. height: 42px;
  38. line-height: 42px;
  39. color: #fff;
  40. margin: auto;
  41. margin-bottom: 10px;
  42. }
  43. </style>
  44. <!--请注意,样式和广告页公用-->
  45. <div class="swiper-scale show">
  46. <div class="padding-10 font-15" id="adWord">
  47. <div class="" id="title">
  48. 长按识别二维码,点击关注设备"客服公众号"
  49. <div class="margin-t-5">关注成功后,您<span class="c-primary">再次扫描设备二维码</span>启动设备,或点击公众号消息中<span
  50. class="c-primary">“戳我使用设备”</span>启动</div>
  51. </div>
  52. </div>
  53. <img class="swiper-img">
  54. <div class="padding-l-r-10 margin-b-15 font-16" id="desc">您使用中遇到任何问题请在公众号内反馈</div>
  55. </div>
  56. <script src="/components/lib/jquery.min.js"></script>
  57. <script src="/components/custom/js/common.js"></script>
  58. <script src="/pages/js/user-common.js"></script>
  59. <script>
  60. var agentId = getQueryString("agentId");
  61. var ticket = getQueryString("ticket");
  62. if (ticket) {
  63. var src = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" + ticket
  64. $('.swiper-img').attr('src', src)
  65. }else if (agentId){
  66. sendRequest(
  67. "/user/getAgentQRCode",
  68. "GET",
  69. {"agentId": agentId},
  70. function (res) {
  71. if (res.result == 1) {
  72. var payload = res.payload
  73. var url = payload.url;
  74. var linkUrl = payload.linkUrl;
  75. if (payload.title) {
  76. $('#title').html(payload.title);
  77. }
  78. if (payload.desc) {
  79. $('#desc').html(payload.desc);
  80. }
  81. if (url) {
  82. $('.swiper-img').attr('src', url);
  83. }
  84. if (linkUrl) {
  85. $('#adWord,#goAtt').on('click', function () {
  86. goPage(linkUrl)
  87. }).show();
  88. }
  89. } else {
  90. toast("获取二维码失败")
  91. }
  92. }
  93. )
  94. }else {
  95. toast("参数缺失: agentId or ticket!")
  96. }
  97. </script>
  98. </body>
  99. </html>