@arcblock/www-wallet
Version:
Start experiencing your digital world with ABT Wallet
97 lines (90 loc) • 13.9 kB
HTML
<html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="msvalidate.01" content="9FE85FD962F331A6F8900C9602BC5A64"/><meta name="google-site-verification" content="8nNdIdMRDKBtI-Ue-EWxaVazbzOZxT8_gIBUJyUdYFE"/><link rel="stylesheet" type="text/css" href="/did-logo/style.css"/><link rel="stylesheet" type="text/css" href="/icons/css/all.css"/><script src="/api/env"></script><meta name="generator" content="Gatsby 2.27.2"/><style id="jss-server-side">.MuiCircularProgress-root{display:inline-block}.MuiCircularProgress-static{-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1) 0s;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1) 0s;transition:transform .3s cubic-bezier(.4,0,.2,1) 0s;transition:transform .3s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-indeterminate{-webkit-animation:MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;animation:MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite}.MuiCircularProgress-colorPrimary{color:#4e6af6}.MuiCircularProgress-colorSecondary{color:#44cdc6}.MuiCircularProgress-svg{display:block}.MuiCircularProgress-circle{stroke:currentColor}.MuiCircularProgress-circleStatic{-webkit-transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-circleIndeterminate{-webkit-animation:MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;animation:MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}@-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes MuiCircularProgress-keyframes-circular-rotate{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes MuiCircularProgress-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes MuiCircularProgress-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.MuiCircularProgress-circleDisableShrink{-webkit-animation:none;animation:none}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit}b,strong{font-weight:700}body{color:#404040;margin:0;font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.43;background-color:#f7f8f8}@media print{body{background-color:#fff}}body::-webkit-backdrop{background-color:#f7f8f8}body::backdrop{background-color:#f7f8f8}.MuiContainer-root{width:100%;display:block;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:600px){.MuiContainer-root{padding-left:24px;padding-right:24px}}.MuiContainer-disableGutters{padding-left:0;padding-right:0}@media (min-width:600px){.MuiContainer-fixed{max-width:600px}}@media (min-width:960px){.MuiContainer-fixed{max-width:960px}}@media (min-width:1280px){.MuiContainer-fixed{max-width:1280px}}@media (min-width:1920px){.MuiContainer-fixed{max-width:1920px}}@media (min-width:0px){.MuiContainer-maxWidthXs{max-width:444px}}@media (min-width:600px){.MuiContainer-maxWidthSm{max-width:600px}}@media (min-width:960px){.MuiContainer-maxWidthMd{max-width:960px}}@media (min-width:1280px){.MuiContainer-maxWidthLg{max-width:1280px}}@media (min-width:1920px){.MuiContainer-maxWidthXl{max-width:1920px}}</style><style data-styled="" data-styled-version="5.2.0">{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222222;}/*!sc*/
a,a:hover,a:active{-webkit-text-decoration:none;text-decoration:none;color:rgb(54,74,172);}/*!sc*/
a:hover{color:#4E6AF6;}/*!sc*/
.section--latest-post p:last-of-type{margin:0;}/*!sc*/
.has-scrolled .section--footnotes{position:static ;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-timing-function:ease;transition-timing-function:ease;}/*!sc*/
.has-scrolled .section--footnotes .footnote__title{color:#fff;}/*!sc*/
data-styled.g8[id="sc-global-dzrKlC1"]{content:"sc-global-dzrKlC1,"}/*!sc*/
.Nguil{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px;margin-bottom:60px;}/*!sc*/
@media (max-width:600px){.Nguil{margin-top:20px;margin-bottom:20px;}}/*!sc*/
.Nguil .logo{cursor:pointer;}/*!sc*/
.Nguil .logo img{width:260px;height:60px;}/*!sc*/
data-styled.g29[id="header__Nav-qegqic-0"]{content:"Nguil,"}/*!sc*/
.eYzqlf{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fbfbfb;padding-bottom:40px;}/*!sc*/
@media (max-width:600px){.eYzqlf{padding:0 20px 40px;}}/*!sc*/
data-styled.g31[id="layout__Wrapper-sc-1h35bob-0"]{content:"eYzqlf,"}/*!sc*/
.vzeBl{max-width:1000px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
.vzeBl .right-title{font-size:24px;color:#222222;font-weight:900;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;margin:0px 0px 40px 0px;text-transform:uppercase;}/*!sc*/
.vzeBl .desc-of-pay-content{margin:30px 0px 10px 0px;height:32px;font-size:12px;color:#222222;}/*!sc*/
.vzeBl .desc-of-pay-content-show{margin:30px 0px 30px 0px;font-weight:900;color:#222222;}/*!sc*/
.vzeBl .document-container{margin-top:10px;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);background-color:#ffffff;padding:20px 40px 60px;}/*!sc*/
.vzeBl .document{position:relative;}/*!sc*/
.vzeBl .document .document__body{-webkit-filter:blur(6px);filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}/*!sc*/
.vzeBl .document .document__logo{width:90px;margin:0 auto;margin-bottom:40px;display:block;}/*!sc*/
.vzeBl .document .center{text-align:center;display:block;font-weight:bold;margin-bottom:32px;}/*!sc*/
.vzeBl .document .signature{font-family:'Sacramento',cursive ;font-size:20px;}/*!sc*/
@-webkit-keyframes blink{from{opacity:0;}to{opacity:1;}}/*!sc*/
@keyframes blink{from{opacity:0;}to{opacity:1;}}/*!sc*/
.vzeBl .document--unlocked .document__body{-webkit-filter:none;filter:none;}/*!sc*/
.vzeBl .document--unlocked:after{display:none;}/*!sc*/
data-styled.g45[id="payment__Main-sc-11azp20-0"]{content:"vzeBl,"}/*!sc*/
</style><title data-react-helmet="true">签到和支付 - ABT Wallet Demo</title><style type="text/css">
.anchor.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.anchor.after {
display: inline-block;
padding-left: 4px;
}
h1 .anchor svg,
h2 .anchor svg,
h3 .anchor svg,
h4 .anchor svg,
h5 .anchor svg,
h6 .anchor svg {
visibility: hidden;
}
h1:hover .anchor svg,
h2:hover .anchor svg,
h3:hover .anchor svg,
h4:hover .anchor svg,
h5:hover .anchor svg,
h6:hover .anchor svg,
h1 .anchor:focus svg,
h2 .anchor:focus svg,
h3 .anchor:focus svg,
h4 .anchor:focus svg,
h5 .anchor:focus svg,
h6 .anchor:focus svg {
visibility: visible;
}
</style><script>
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0
var offset = element.getBoundingClientRect().top + scrollTop - clientTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 0)
}), 0)
}
}
})
</script><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link as="script" rel="preload" href="/webpack-runtime-a83bb474c5fa68aa24eb.js"/><link as="script" rel="preload" href="/framework-ee8a4bba4771daaa13e7.js"/><link as="script" rel="preload" href="/app-edcf056733ef3bdbeec3.js"/><link as="script" rel="preload" href="/commons-4129fb428b798322b128.js"/><link as="script" rel="preload" href="/ad74ccef4e9b1b3b1a043c8414477ac0687e6d29-6e69c4970273b7f08b4d.js"/><link as="script" rel="preload" href="/78ff77d9b51d5518857322a7347b3c7c935c4dbe-2897ba289d3945f09727.js"/><link as="script" rel="preload" href="/7566aff7f8a1c50cdc7f9d6529dbc82394178066-54e484789ab6a77d1595.js"/><link as="script" rel="preload" href="/2a0bf7038b76e02904ca7f463c2b122210947efd-2f314dfe2337c34c0777.js"/><link as="script" rel="preload" href="/f72b47ad5438f778f49acc604ed613ce44b7d27a-16ee502181b0b651b11f.js"/><link as="script" rel="preload" href="/component---src-pages-payment-js-6488fc67bdf93af87747.js"/><link as="fetch" rel="preload" href="/page-data/zh/payment/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="layout__Wrapper-sc-1h35bob-0 eYzqlf"><div class="MuiContainer-root MuiContainer-maxWidthLg"><div class="header__Nav-qegqic-0 Nguil"><a href="/" class="logo"><img src="/images/wallet-demo.svg" alt="ABT Wallet Logo"/></a></div></div><div class="MuiContainer-root MuiContainer-maxWidthLg" style="min-height:60vh"><main class="payment__Main-sc-11azp20-0 vzeBl"><div class="MuiCircularProgress-root MuiCircularProgress-colorPrimary MuiCircularProgress-indeterminate" style="width:40px;height:40px" role="progressbar"><svg class="MuiCircularProgress-svg" viewBox="22 22 44 44"><circle class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate" cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle></svg></div></main></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
if(true) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'UA-140449198-1', 'abtwallet.io', {});
}</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/zh/payment";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-1d449f107bfe40e4d796.js"],"app":["/app-edcf056733ef3bdbeec3.js"],"component---node-modules-arcblock-www-components-redirect-js":["/component---node-modules-arcblock-www-components-redirect-js-35d0797b3610ce8fa5ae.js"],"component---node-modules-arcblock-www-src-templates-page-js":["/component---node-modules-arcblock-www-src-templates-page-js-f7a3f887d9fe197e923c.js"],"component---src-pages-course-js":["/component---src-pages-course-js-ff41f263c2c099047407.js"],"component---src-pages-i-js":["/component---src-pages-i-js-fbfdc7cdbae0bda9ae71.js"],"component---src-pages-music-js":["/component---src-pages-music-js-2b8618f2114ecd7979b7.js"],"component---src-pages-payment-js":["/component---src-pages-payment-js-6488fc67bdf93af87747.js"],"component---src-pages-profile-js":["/component---src-pages-profile-js-722db2e861206dfd2ac4.js"]};/*]]>*/</script><script src="/polyfill-1d449f107bfe40e4d796.js" nomodule=""></script><script src="/component---src-pages-payment-js-6488fc67bdf93af87747.js" async=""></script><script src="/f72b47ad5438f778f49acc604ed613ce44b7d27a-16ee502181b0b651b11f.js" async=""></script><script src="/2a0bf7038b76e02904ca7f463c2b122210947efd-2f314dfe2337c34c0777.js" async=""></script><script src="/7566aff7f8a1c50cdc7f9d6529dbc82394178066-54e484789ab6a77d1595.js" async=""></script><script src="/78ff77d9b51d5518857322a7347b3c7c935c4dbe-2897ba289d3945f09727.js" async=""></script><script src="/ad74ccef4e9b1b3b1a043c8414477ac0687e6d29-6e69c4970273b7f08b4d.js" async=""></script><script src="/commons-4129fb428b798322b128.js" async=""></script><script src="/app-edcf056733ef3bdbeec3.js" async=""></script><script src="/framework-ee8a4bba4771daaa13e7.js" async=""></script><script src="/webpack-runtime-a83bb474c5fa68aa24eb.js" async=""></script></body></html>