project/chuhai-payment-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update loading

Browse Source
This commit is contained in:
LittleBoy 2024-06-10 13:35:30 +08:00
parent 4241ad81ba
commit e489897bd2
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -5,7 +5,15 @@
<link rel="icon" type="image/png" href="/favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Payment System</title>
<style>.app-loading-text{font-family:"PingFang SC","Microsoft YaHei",sans-serif;position:fixed;left:0;right:0;text-align:center;top:50%;transform:translateY(-50%);font-size:20px}</style>
<style>
.app-loading-text{font-family:"PingFang SC","Microsoft YaHei",sans-serif;position:fixed;left:0;right:0;text-align:center;top:50%;transform:translateY(-50%);font-size:20px}
@keyframes ldio-yzaezf3dcmj{0%{transform:translate(-50%,-50%) rotate(0)} 100%{transform:translate(-50%,-50%) rotate(360deg)}}
.ldio-yzaezf3dcmj div{position:absolute;width:32px;height:32px;border:4px solid #43abff;border-top-color:transparent;border-radius:50%}
.ldio-yzaezf3dcmj div{animation:ldio-yzaezf3dcmj 1s linear infinite;top:25px;left:25px}
.spinner-rolling-2by998twmg8{width:50px;height:50px;display:inline-block;overflow:hidden;background:#fff}
.ldio-yzaezf3dcmj{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}
.ldio-yzaezf3dcmj div{box-sizing:content-box}
</style>
</head>
<body>
<div id="root">
@ -15,17 +23,9 @@
</div>
<div style="margin-top: 20px;color:#333;">
<div class="loader">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="50"
height="50" style="shape-rendering: auto; display: inline-block; background: transparent;">
<g>
<circle stroke-dasharray="117.80972450961724 41.269908169872416" r="25" stroke-width="4"
stroke="#43ABFF" fill="none" cy="50" cx="50">
<animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="1s"
repeatCount="indefinite" type="rotate"
attributeName="transform"></animateTransform>
</circle>
</g>
</svg>
<div class="spinner-rolling-2by998twmg8">
<div class="ldio-yzaezf3dcmj"><div></div></div>
</div>
</div>
<div>Payment System resources loading ...</div>
</div>