GIF效果图
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><title>支付宝在线支付</title><link rel="stylesheet" href="./antui-all.css"><style>body{font-family:"Microsoft YaHei";background-color:#f5f5f9}header{width:100%;text-align:center;padding:12px 0;background:#fff;display:block}main .pay-button{margin-top:30px;padding:0 20px}main .pay-button p{color:#a5a5a5;line-height:18px;font-size:15px;margin-bottom:10px}main .tips img{margin:15px 0;width:100%;height:auto;border-radius:10px}main .fly{padding:0 20px;display:none;font-size:15px}main .fly img{width:100%;border-radius:10px;margin:10px 0 30px}</style></head><body ontouchstart=""><div id="alipay"><main><div class="am-notice"><div class="am-notice-content">请勿修改金额，以免造成转账失败</div></div><div class="am-list"><div class="am-list-body "><div class="am-list-item"><div class="am-list-content">订单金额：</div><div class="am-list-extra"><div class="am-ft-18 am-ft-price am-ft-orange"><strong> ￥ 1元</strong></div></div></div></div><div class="am-list-body" style="margin-top:15px"><div class="am-process"><div class="am-process-item pay"><i class="am-icon process success" aria-hidden="true"></i><div class="am-process-content"><div class="am-process-main">订单创建中...请稍后!</div><div class="am-process-brief">请在5分钟内完成支付</div></div><div class="am-process-down-border"></div></div><div class="am-process-item unpay" id="second"><i class="am-icon process unpay" id="second-two" aria-hidden="true"></i><div class="am-process-content"><div class="am-process-main">请先打开飞行模式，点击立即支付</div><div class="am-process-brief">跳转转账页面后关闭飞行模式</div></div><div class="am-process-up-border"></div><div class="am-process-down-border"></div></div><div class="am-process-item unpay"><i class="am-icon process unpay" aria-hidden="true"></i><div class="am-process-content"><div class="am-process-main">支付成功</div><div class="am-process-brief">支付成功后2分钟内自动入账</div></div><div class="am-process-up-border"></div></div></div></div><div class="pay-button"><button type="button" class="am-button" id="alibtn"><span id="alibtnText">开启飞行模式，立即支付</span></button><button id="opentips" type="button" class="am-button white" style="margin-top:15px">支付教学</button></div></div><div class="fly" id="flytips"><div class="am-list-header am-ft-price am-ft-orange">如何打开飞行模式？</div><img src="./andro_fight.jpg" id="fly-android"><img src="./andro_fight.jpg" id="fly-ios"></div></main></div>
/apppay/h5toyhfx/
