Skip to content

H
hxyj-admin-fe
Commit 2258326c authored by tyyin lan's avatar tyyin lan
Browse files
Options

chore(iconfont): icon update

parent 2ab5b420
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 52 deletions
index.html
View file @ 2258326c
<!doctype html> <!doctype html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4939750_pe9esu8hgxa.css" />
<title>%APP_NAME%</title>
</head>
<head> <body>
<meta charset="UTF-8" /> <div id="app">
<link rel="icon" href="/favicon.ico" /> <style>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> .loading-wrapper {
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4939750_8mk2qprsvnh.css" /> width: 100%;
<title>%APP_NAME%</title> margin-top: 40vh;
</head> display: flex;
justify-content: center;
<body> }
<div id="app">
<style>
.loading-wrapper {
width: 100%;
margin-top: 40vh;
display: flex;
justify-content: center;
}
.pulse { .pulse {
width: 110px; width: 110px;
height: 60px; height: 60px;
color: #00a2ea; color: #00a2ea;
--c: radial-gradient(farthest-side, currentColor 96%, #0000); --c: radial-gradient(farthest-side, currentColor 96%, #0000);
background: background:
var(--c) 100% 100% /30% 60%, var(--c) 100% 100% /30% 60%,
var(--c) 70% 0 /50% 100%, var(--c) 70% 0 /50% 100%,
var(--c) 0 100% /36% 68%, var(--c) 0 100% /36% 68%,
var(--c) 27% 18% /26% 40%, var(--c) 27% 18% /26% 40%,
linear-gradient(currentColor 0 0) bottom/67% 58%; linear-gradient(currentColor 0 0) bottom/67% 58%;
background-repeat: no-repeat; background-repeat: no-repeat;
position: relative; position: relative;
} }
.pulse:after { .pulse:after {
content: ''; content: '';
position: absolute; position: absolute;
inset: 0; inset: 0;
background: inherit; background: inherit;
opacity: 0.4; opacity: 0.4;
animation: pulse-hjvm54 1s infinite; animation: pulse-hjvm54 1s infinite;
} }
@keyframes pulse-hjvm54 { @keyframes pulse-hjvm54 {
to { to {
transform: scale(1.8); transform: scale(1.8);
opacity: 0; opacity: 0;
}
} }
} </style>
</style> <div class="loading-wrapper">
<div class="loading-wrapper"> <div class="pulse"></div>
<div class="pulse"></div> </div>
</div> </div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html> <script type="module" src="/src/main.ts"></script>
\ No newline at end of file </body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment