支付宝转账支付宝转卡(H5飞行模式)
生活随笔
收集整理的這篇文章主要介紹了
支付宝转账支付宝转卡(H5飞行模式)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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>https://github.com/apppay/h5toyhfx/
總結
以上是生活随笔為你收集整理的支付宝转账支付宝转卡(H5飞行模式)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 瀑布流插件
- 下一篇： flutter引入高德地图_Flutte