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>
<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>
<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_8mk2qprsvnh.css" />
<title>%APP_NAME%</title>
</head>
<body>
<div id="app">
<style>
.loading-wrapper {
width: 100%;
margin-top: 40vh;
display: flex;
justify-content: center;
}
<body>
<div id="app">
<style>
.loading-wrapper {
width: 100%;
margin-top: 40vh;
display: flex;
justify-content: center;
}
.pulse {
width: 110px;
height: 60px;
color: #00a2ea;
--c: radial-gradient(farthest-side, currentColor 96%, #0000);
background:
var(--c) 100% 100% /30% 60%,
var(--c) 70% 0 /50% 100%,
var(--c) 0 100% /36% 68%,
var(--c) 27% 18% /26% 40%,
linear-gradient(currentColor 0 0) bottom/67% 58%;
background-repeat: no-repeat;
position: relative;
}
.pulse {
width: 110px;
height: 60px;
color: #00a2ea;
--c: radial-gradient(farthest-side, currentColor 96%, #0000);
background:
var(--c) 100% 100% /30% 60%,
var(--c) 70% 0 /50% 100%,
var(--c) 0 100% /36% 68%,
var(--c) 27% 18% /26% 40%,
linear-gradient(currentColor 0 0) bottom/67% 58%;
background-repeat: no-repeat;
position: relative;
}
.pulse:after {
content: '';
position: absolute;
inset: 0;
background: inherit;
opacity: 0.4;
animation: pulse-hjvm54 1s infinite;
}
.pulse:after {
content: '';
position: absolute;
inset: 0;
background: inherit;
opacity: 0.4;
animation: pulse-hjvm54 1s infinite;
}
@keyframes pulse-hjvm54 {
to {
transform: scale(1.8);
opacity: 0;
@keyframes pulse-hjvm54 {
to {
transform: scale(1.8);
opacity: 0;
}
}
}
</style>
<div class="loading-wrapper">
<div class="pulse"></div>
</style>
<div class="loading-wrapper">
<div class="pulse"></div>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
\ No newline at end of file
<script type="module" src="/src/main.ts"></script>
</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