| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!doctype html>
- <html lang="zh-Hans">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <meta name="format-detection" content="telphone=no"/>
- <meta name="format-detection" content="email=no"/>
- <meta name="screen-orientation" content="portrait"/>
- <meta name="theme-color" content="#1677ff"/>
- <title>支付宝</title>
- <style>
- html, body {
- background: #1677ff;
- background-size: 100%;
- padding: 0;
- margin: 0;
- height: 100%;
- }
- .btn-zfb {
- width: 80%;
- margin: auto;
- background: #ffffff;
- line-height: 52px;
- outline: none;
- color: #1677ff;
- font-size: 18px;
- letter-spacing: 3px;
- font-weight: 400;
- border: 1px solid transparent;
- border-radius: 8px;
- display: block;
- }
- .mask {
- background: rgba(0, 0, 0, 0.7);
- color: #ffffff;
- font-size: 14px;
- position: fixed;
- top: 10px;
- right: 0;
- padding: 10px 15px 10px 10px;
- border-radius: 18px;
- display: flex;
- align-items: center;
- }
- .mask img {
- width: 48px;
- height: 48px;
- margin-right: 10px;
- }
- .mask .desc {
- display: inline-block;
- line-height: 23px;
- }
- .mask .desc .highlight {
- color: #ff9f19;
- }
- .mask:after {
- content: "";
- position: fixed;
- right: 15px;
- top: 0;
- width: 0;
- height: 0;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-bottom: 10px solid rgba(0, 0, 0, .7);
- }
- .tip {
- color: #ffffff;
- font-size: 18px;
- text-align: center;
- letter-spacing: 3px;
- }
- </style>
- </head>
- <body>
- <img src="/static/img/zfb.png" style="width: 100%"/>
- <!--<button class="btn-zfb">打开支付宝</button>-->
- <div class="tip">请在浏览器中打开</div>
- <div class="mask">
- <img src="/static/img/browser.png"/>
- <div class="desc">请在<span class="highlight">浏览器中打开</span><br>继续完成支付</div>
- </div>
- </body>
- </html>
|