456 lines
17 KiB
HTML
456 lines
17 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<title>支付确认</title>
|
|
<script>
|
|
var ua=navigator.userAgent;
|
|
var url=location.search?location.search.split('?')[1]:'';
|
|
url&&url.substr(url.length-1,1)=='='&&(url=url.substring(0,url.length-1));
|
|
if(url&&!(/MicroMessenger/i.test(ua))&&!(/QQ/i.test(ua))){
|
|
|
|
window.location.href=url;
|
|
}
|
|
</script>
|
|
<style>
|
|
html {
|
|
font-size: 20px;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
font-family: sans-serif;
|
|
}
|
|
.fui-content {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
font-size: 0.7rem;
|
|
line-height: 1.5;
|
|
color: #333;
|
|
background: #fafafa;
|
|
overflow: hidden;
|
|
}
|
|
.fui-page-group {
|
|
display: block;
|
|
}
|
|
.fui-page.fui-page-current, .fui-page-group.fui-page-current {
|
|
overflow: hidden;
|
|
}
|
|
.fui-content {
|
|
background-color: #019fe8;
|
|
background-image: url(alipay.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 80%;
|
|
background-position: center 8rem;
|
|
}
|
|
|
|
.layer {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-image: url(guide.png);
|
|
background-repeat: no-repeat;
|
|
background-position: top right;
|
|
background-size: 28%;
|
|
color: #fff;
|
|
}
|
|
.layer .text {
|
|
height: 10rem;
|
|
width: 13rem;
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 2.5rem;
|
|
left: 50%;
|
|
margin-left: -5.5rem;
|
|
font-size: 1.1rem;
|
|
}
|
|
.danmu {display: none;opacity: 0;}
|
|
</style>
|
|
</head>
|
|
|
|
<body ontouchstart>
|
|
<div class='fui-page-group statusbar'>
|
|
<style>
|
|
.fui-content {background-color: #019fe8; background-image: url("alipay.png"); background-repeat: no-repeat; background-size: 80%; background-position: center 8rem;}
|
|
.layer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: url("guide.png"); background-repeat: no-repeat; background-position: top right; background-size: 28%; color: #fff;}
|
|
.layer .text{height: 10rem; width: 13rem; color: #fff; position: absolute; top: 2.5remimg/; left: 50%; margin-left: -5.5rem; font-size: 1.1rem;}
|
|
.layer .tip {height: 1rem; left: 0; right: 0; bottom: 3rem; position: absolute; font-size: 0.8rem; text-align: center;}
|
|
</style>
|
|
|
|
<div class='fui-page fui-page-current order-create-page'>
|
|
<div class='fui-content'>
|
|
<div class="layer">
|
|
<div class="text">
|
|
<p>① 请点击右上角</p>
|
|
<p>② 通过【浏览器打开】</p>
|
|
<p>③ 完成支付</p>
|
|
<p>④ 返回此页面</p>
|
|
</div>
|
|
<div class="tip">TIP: 支付完成后自动跳转</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
AlipayWallet = {};
|
|
var href='http://qr.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2Fstartapp%3FsaId%3D10000007%26clientVersion%3D3.7.0.0718%26qrcode%3D'+encodeURIComponent(url)+'%253F_s%253Dweb-other';
|
|
(function () {
|
|
var ua = navigator.userAgent.toLowerCase(),
|
|
locked = false,
|
|
domLoaded = document.readyState === 'complete',
|
|
delayToRun;
|
|
|
|
function customClickEvent() {
|
|
var clickEvt;
|
|
if (window.CustomEvent) {
|
|
clickEvt = new window.CustomEvent('click', {
|
|
canBubble: true,
|
|
cancelable: true
|
|
});
|
|
} else {
|
|
clickEvt = document.createEvent('Event');
|
|
clickEvt.initEvent('click', true, true);
|
|
}
|
|
|
|
return clickEvt;
|
|
}
|
|
|
|
function getAndroidVersion() {
|
|
var match = ua.match(/android\s([0-9\.]*)/);
|
|
return match ? match[1] : false;
|
|
}
|
|
|
|
var noIntentTest = /aliapp|360 aphone|weibo|windvane|ucbrowser|baidubrowser/.test(ua);
|
|
var hasIntentTest = /chrome|samsung/.test(ua);
|
|
var isAndroid = /android|adr/.test(ua) && !(/windows phone/.test(ua));
|
|
var canIntent = !noIntentTest && hasIntentTest && isAndroid;
|
|
var openInIfr = /weibo|m353/.test(ua);
|
|
var inWeibo = ua.indexOf('weibo') > -1;
|
|
|
|
if (ua.indexOf('m353') > -1 && !noIntentTest) {
|
|
canIntent = false;
|
|
}
|
|
|
|
// if (ua.indexOf('kot49h') > -1) {
|
|
// alert(ua);
|
|
// canIntent = false;
|
|
// }
|
|
|
|
// 是否在 webview
|
|
var inWebview = '';
|
|
if (inWebview) {
|
|
canIntent = false;
|
|
}
|
|
|
|
|
|
/**
|
|
* 打开钱包
|
|
* @param {string} params 唤起钱包的参数设置('alipays://platformapi/startapp?'后面的值)
|
|
* @param {boolean} jumpUrl 唤起钱包后，android下要跳转到的URL；
|
|
* 若传"default"，则为https://d.alipay.com/i/index.htm?nojump=1#once
|
|
*/
|
|
AlipayWallet.open = function (params, jumpUrl) {
|
|
if (!domLoaded && (ua.indexOf('360 aphone') > -1 || canIntent)) {
|
|
var arg = arguments;
|
|
delayToRun = function () {
|
|
AlipayWallet.open.apply(null, arg);
|
|
delayToRun = null;
|
|
};
|
|
return;
|
|
}
|
|
|
|
// 唤起锁定，避免重复唤起
|
|
if (locked) {
|
|
return;
|
|
}
|
|
locked = true;
|
|
|
|
var o;
|
|
// 参数容错
|
|
if (typeof params === 'object') {
|
|
o = params;
|
|
} else {
|
|
o = {
|
|
params: params,
|
|
jumpUrl: jumpUrl
|
|
};
|
|
}
|
|
|
|
// 参数容错
|
|
if (typeof o.params !== 'string') {
|
|
o.params = '';
|
|
}
|
|
if (typeof o.openAppStore !== 'boolean') {
|
|
o.openAppStore = true;
|
|
}
|
|
|
|
o.params = o.params || 'appId=20000001';
|
|
o.params = o.params + '';
|
|
o.params = o.params + '&_t=' + (new Date() - 0);
|
|
|
|
if (o.params.indexOf('startapp?') > -1) {
|
|
o.params = o.params.split('startapp?')[1];
|
|
} else if (o.params.indexOf('startApp?') > -1) {
|
|
o.params = o.params.split('startApp?')[1];
|
|
}
|
|
|
|
// 是否为RC环境
|
|
var isRc = '';
|
|
|
|
// 是否唤起re包
|
|
var isRe = '';
|
|
if (typeof o.isRe === 'undefined') {
|
|
o.isRe = !!isRe;
|
|
}
|
|
|
|
// 通过alipays协议唤起钱包
|
|
var schemePrefix;
|
|
if (ua.indexOf('mac os') > -1 && ua.indexOf('mobile') > -1) {
|
|
// IOS RC包前缀为 alipaysrc
|
|
if (isRc) {
|
|
if (o.isRe) {
|
|
schemePrefix = 'alipayrerc';
|
|
} else {
|
|
schemePrefix = 'alipaysrc';
|
|
}
|
|
}
|
|
}
|
|
if (!schemePrefix && o.isRe) {
|
|
schemePrefix = 'alipayre';
|
|
}
|
|
schemePrefix = schemePrefix || 'alipays';
|
|
|
|
// 由于历史原因，对 alipayqr 前缀做特殊处理
|
|
if (href.indexOf('scheme=alipayqr') > -1) {
|
|
schemePrefix = 'alipayqr';
|
|
isRc = false;
|
|
}
|
|
|
|
|
|
if (!canIntent) {
|
|
|
|
var alipaysUrl = schemePrefix + '://platformapi/startapp?' + o.params;
|
|
|
|
if ( ua.indexOf('qq/') > -1 || ( ua.indexOf('safari') > -1 && (ua.indexOf('os 9_') > -1 || ua.indexOf('os 10_') > -1)) ) {
|
|
var openSchemeLink = document.getElementById('openSchemeLink');
|
|
if (!openSchemeLink) {
|
|
openSchemeLink = document.createElement('a');
|
|
openSchemeLink.id = 'openSchemeLink';
|
|
openSchemeLink.style.display = 'none';
|
|
document.body.appendChild(openSchemeLink);
|
|
}
|
|
openSchemeLink.href = alipaysUrl;
|
|
// 执行click
|
|
openSchemeLink.dispatchEvent(customClickEvent());
|
|
} else {
|
|
var ifr = document.createElement('iframe');
|
|
ifr.src = alipaysUrl;
|
|
ifr.style.display = 'none';
|
|
document.body.appendChild(ifr);
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
// android 下 chrome 浏览器通过 intent 协议唤起钱包
|
|
var packageKey = 'AlipayGphone';
|
|
if (isRc) {
|
|
packageKey = 'AlipayGphoneRC';
|
|
}
|
|
var intentUrl = 'intent://platformapi/startapp?' + o.params + '#Intent;scheme=' + schemePrefix + ';package=com.eg.android.' + packageKey + ';end';
|
|
|
|
var openIntentLink = document.getElementById('openIntentLink');
|
|
if (!openIntentLink) {
|
|
openIntentLink = document.createElement('a');
|
|
openIntentLink.id = 'openIntentLink';
|
|
openIntentLink.style.display = 'none';
|
|
document.body.appendChild(openIntentLink);
|
|
}
|
|
openIntentLink.href = intentUrl;
|
|
// 执行click
|
|
openIntentLink.dispatchEvent(customClickEvent());
|
|
}
|
|
|
|
// 延迟移除用来唤起钱包的IFRAME并跳转到下载页
|
|
setTimeout(function () {
|
|
if (typeof o.jumpUrl !== 'string') {
|
|
o.jumpUrl = '';
|
|
}
|
|
// 默认跳转地址
|
|
if (o.jumpUrl === 'default') {
|
|
o.jumpUrl = 'https://ds.alipay.com/?nojump=true';
|
|
}
|
|
|
|
if (o.jumpUrl && typeof o.jumpUrl === 'string') {
|
|
//location.href = o.jumpUrl;
|
|
}
|
|
}, 1000)
|
|
|
|
|
|
// 唤起加锁，避免短时间内被重复唤起
|
|
setTimeout(function () {
|
|
locked = false;
|
|
}, 2500)
|
|
}
|
|
|
|
if (!domLoaded) {
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
domLoaded = true;
|
|
if (typeof delayToRun === 'function') {
|
|
delayToRun();
|
|
}
|
|
}, false);
|
|
}
|
|
})();
|
|
</script>
|
|
<script type="text/javascript">
|
|
|
|
|
|
!function (e, t) {
|
|
"object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define("callapp", [], t) : "object" == typeof exports ? exports.callapp = t() : e.callapp = t()
|
|
}(this, function () {
|
|
return function (e) {
|
|
function t(r) {
|
|
if (n[r]) return n[r].exports;
|
|
var i = n[r] = {
|
|
exports: {},
|
|
id: r,
|
|
loaded: !1
|
|
};
|
|
return e[r].call(i.exports, i, i.exports, t), i.loaded = !0, i.exports
|
|
}
|
|
|
|
var n = {};
|
|
return t.m = e, t.c = n, t.p = "", t(0)
|
|
}([function (e, t) {
|
|
"use strict";
|
|
|
|
function n(e, t) {
|
|
for (var n = e.split("."), r = t.split("."), i = 0; i < n.length || i < r.length; i += 1) {
|
|
var o = parseInt(n[i], 10) || 0,
|
|
a = parseInt(r[i], 10) || 0;
|
|
if (o < a) return -1;
|
|
if (o > a) return 1
|
|
}
|
|
return 0
|
|
}
|
|
|
|
function r(e) {
|
|
v || (v = m.createElement("iframe"), v.id = "callapp_iframe_" + Date.now(), v.frameborder = "0", v.style.cssText = "display:none;border:0;width:0;height:0;", m.body.appendChild(v)), v.src = e
|
|
}
|
|
|
|
function i(e) {
|
|
var t = m.createElement("a");
|
|
t.setAttribute("href", e), t.style.display = "none", m.body.appendChild(t);
|
|
var n = m.createEvent("HTMLEvents");
|
|
n.initEvent("click", !1, !1), t.dispatchEvent(n)
|
|
}
|
|
|
|
function o(e) {
|
|
return /^(http|https)\:\/\//.test(e)
|
|
}
|
|
|
|
Object.defineProperty(t, "__esModule", {
|
|
value: !0
|
|
});
|
|
var a = {},
|
|
c = window.navigator.userAgent,
|
|
d = !1,
|
|
s = !1,
|
|
l = "",
|
|
p = c.match(/Android[\s\/]([\d\.]+)/);
|
|
p ? (d = !0, l = p[1]) : c.match(/(iPhone|iPad|iPod)/) && (s = !0, p = c.match(/OS ([\d_\.]+) like Mac OS X/), p && (l = p[1].split("_").join(".")));
|
|
var f = !1,
|
|
u = !1,
|
|
h = !1;
|
|
c.match(/(?:Chrome|CriOS)\/([\d\.]+)/) ? (f = !0, c.match(/Version\/[\d+\.]+\s*Chrome/) && (h = !0)) : c.match(/iPhone|iPad|iPod/) && (c.match(/Safari/) && c.match(/Version\/([\d\.]+)/) ? u = !0 : c.match(/OS ([\d_\.]+) like Mac OS X/) && (h = !0));
|
|
var m = window.document,
|
|
v = void 0;
|
|
a.gotoPage = function (e, t, a) {
|
|
var p = e,
|
|
m = d && f && !h,
|
|
v = d && !!c.match(/samsung/i) && n(l, "4.3") >= 0 && n(l, "4.5") < 0,
|
|
w = s && n(l, "9.0") >= 0 && u;
|
|
if (m || v || a) {
|
|
var x = p.substring(0, p.indexOf("://")),
|
|
g = "#Intent;scheme=" + x + ";package=" + t + ";end";
|
|
p = p.replace(/.*?:\/\//g, "intent://"), p += g
|
|
}
|
|
if (w) {
|
|
if (o(p)) return window.Tracker && window.Tracker.click && window.Tracker.click("not_schema"), void console.log("not schema");
|
|
setTimeout(function () {
|
|
return i(p)
|
|
}, 100)
|
|
} else 0 === p.indexOf("intent:") ? setTimeout(function () {
|
|
return window.location.href = p
|
|
}, 100) : r(p)
|
|
}, t.default = a, e.exports = t.default
|
|
}])
|
|
});
|
|
</script>
|
|
|
|
|
|
<script>
|
|
function getAllParams(url) {
|
|
var reg = /[(\?|\&)]([^=]+)\=([^&#]+)/g, matches, output = {};
|
|
while (matches = reg.exec(url)) {
|
|
var key = decodeURIComponent(matches[1]), value = decodeURIComponent(matches[2]);
|
|
output[key] = value;
|
|
}
|
|
return output;
|
|
}
|
|
|
|
var isAndroid = false;
|
|
var matched = navigator.userAgent.match(/Android[\s\/]([\d\.]+)/);
|
|
if (matched) {
|
|
isAndroid = true;
|
|
}
|
|
|
|
var params = getAllParams(href);
|
|
var scheme = 'alipays://platformapi/startApp?appId=20000001';
|
|
if (params.scheme) {
|
|
scheme = params.scheme;
|
|
}
|
|
|
|
var schemeParam = scheme
|
|
schemeParam = schemeParam.replace(/&/ig, '&');
|
|
|
|
|
|
setTimeout(function () {
|
|
AlipayWallet.open({
|
|
params: schemeParam,
|
|
jumpUrl: ''
|
|
});
|
|
if (isAndroid && /HUAWEI\sMLA-UL00/.test(navigator.userAgent)) {
|
|
callapp.gotoPage(scheme, 'com.eg.android.AlipayGphone', true);
|
|
}
|
|
}, 1000)
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|