123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>江湖抢单宝</title>
- <link rel="stylesheet" href="./common/reset.css">
- <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script src="./js/weChatShare.js?v=1.0.2"></script>
- <script src="./common/jquery-2.1.0.js"></script>
- <script>
- var viewport = document.querySelector("meta[name=viewport]")
- if (window.devicePixelRatio == 1) {
- viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no')
- }
- if (window.devicePixelRatio == 2) {
- viewport.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no')
- }
- if (window.devicePixelRatio == 3) {
- viewport.setAttribute('content', 'width=device-width, initial-scale=0.333333333, maximum-scale=0.333333333, minimum-scale=0.333333333, user-scalable=no')
- }
- document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
- window.onresize=function(){
- document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
- }
- </script>
- <style>
- body{
- width: 100%;min-height: 100vh;
- background:rgba(33, 146, 254) url(./img/inviteWeixinSuccessBg.png) no-repeat;
- background-size:100%;
- }
- #bgImgBottom{
- width: 100%;position: absolute;bottom: 0;left: 0;
- }
- .button{
- position: absolute;top: 4.2rem;left: 0;right: 0;margin: auto;width: 2.39rem;
- }
- .button button{
- width: 100%;height: 0.58rem;border: none;
- }
- #ios{
- background: url(./img/iosDownLoad.png) no-repeat;background-size: 100%;
- }
- #android{
- background: url(./img/androidDownLoad.png) no-repeat;background-size: 100%;margin-top: 0.1rem;
- }
- </style>
- </head>
- <body>
- <img id="bgImgBottom" src="img/inviteWeixinSuccessBottom.png" />
- <div class="button">
- <button id="ios"></button>
- <button id="android"></button>
- </div>
- <div class="alert-info" style="display: none;">
- <p></p>
- </div>
- </body>
- </html>
- <script>
- var qs=parseQueryString(location.href);
- var source = '',user_id = '';
- $().ready(function(){
- getSignPackage();//过微信审核用
- if(qs.user_id){user_id = qs.user_id}
- if(qs.source){source = qs.source}
- })
- $("#ios").click(function () {
- window.location.href='https://apps.apple.com/cn/app/%E6%B1%9F%E6%B9%96%E6%8A%A2%E5%8D%95%E5%AE%9D-%E7%BB%8F%E7%90%86%E6%8A%A2%E5%8D%95%E7%A5%9E%E5%99%A8/id1467877890'
- })
- $("#android").click(function () {
- window.location.href='https://a.app.qq.com/o/simple.jsp?pkgname=com.riversbaby.money'
- })
- // 展示错误提示信息
- function showMsg(msg) {
- $(".alert-info").show();
- $(".alert-info p").text(msg);
- setTimeout(function() {
- $(".alert-info").hide();
- }, 1000);
- }
- // 微信过审用
- function getSignPackage () {
- //过微信审核用
- var _this = this;
- $.ajax({
- url:'/user/jsonConfig',
- type:'get',
- data:{
- url:getLocation()+"/inviteWeixin.html?user_id=" + user_id + '&source=' + source,//详情链接
- },
- success: function (res) {
- console.log(res)
- wexinPay(location.href,res.rst,function() {
- // 分享成功
- showMsg("分享成功")
- },function() {
- //分享失败
- showMsg("分享失败")
- },function() {
- //微信审核为通过
- })
- }
- })
- }
- // 获取上级地址
- function getLocation() {
- var upper=window.location.href.split("/")[window.location.href.split("/").length-1]
- return window.location.href.replace(upper,"");
- }
- //获取地址栏参数
- function parseQueryString(url) {
- var urlObj = {};
- var reg = /([^?=&]+)=([^?=&]+)/g;
- url.replace(reg, function($0, $1, $2) {
- urlObj[$1] = decodeURIComponent($2);
- })
- return urlObj;
- }
- </script>
|