标签:start for break oca dev log top art doctype
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <title></title> <style type="text/css"> body{ background: #009FE8; min-height: 100vh; font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; } .main{ position: relative; min-height: 100vh; background: url(http://api.91518lm.com/eFatlrQCyUQVBoalzBPS.png) no-repeat top center; background-size: 100% ; } .btnbox{ position: absolute; top: 45%; width: 100%; text-align: center; } .btn{ width: 220px; font-size: 18px; font-weight: 500; background: #fff; color: #009FE8; border: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px; margin-bottom: 15px; } </style> </head> <body> <div class="main"> <div class="btnbox"> <button class="btn" onclick="isMobile()">去支付</button> <button class="btn" onclick="returnUrl()">返回页面</button> <p style="color: #fff;font-size: 14px;"> QQ浏览器不支持打开支付宝 <br /> 请使用其他浏览器</p> </div> </div> </body> <script> window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml" function returnUrl(){ window.location.href="http://www.baidu.com" } function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } function isMobile(){ if(IsPC()){ alert("请在手机端,挑起支付"); }else{ window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml" } } </script> </html>
标签:start for break oca dev log top art doctype
原文地址:https://www.cnblogs.com/xuxml/p/12125716.html