<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%- title %></title>
</head>
<body>
<div id="root">
<style>
html,
body,
#root {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color: #ffffff;
}
.first-loading-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.first-loading-wrap > h1 {
font-size: 128px;
}
.first-loading-wrap .loading-wrap {
display: flex;
align-items: center;
justify-content: center;
padding: 98px;
}
.dot {
position: relative;
box-sizing: border-box;
display: inline-block;
width: 32px;
height: 32px;
font-size: 32px;
transform: rotate(45deg);
animation: ant-rotate 1.2s infinite linear;
}
.dot i {
position: absolute;
display: block;
width: 14px;
height: 14px;
background-color: #1890ff;
border-radius: 100%;
opacity: 0.3;
transform: scale(0.75);
transform-origin: 50% 50%;
animation: ant-spin-move 1s infinite linear alternate;
}
.dot i:nth-child(1) {
top: 0;
left: 0;
}
.dot i:nth-child(2) {
top: 0;
right: 0;
animation-delay: 0.4s;
}
.dot i:nth-child(3) {
right: 0;
bottom: 0;
animation-delay: 0.8s;
}
.dot i:nth-child(4) {
bottom: 0;
left: 0;
animation-delay: 1.2s;
}
@keyframes ant-rotate {
to {
transform: rotate(405deg);
}
}
@keyframes ant-spin-move {
to {
opacity: 1;
}
}
</style>
<div class="first-loading-wrap">
<div class="loading-wrap">
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
</div>
</div>
</div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于 React18 Redux-Toolkit、TypeScript、Vite2、Ant-Design 开源的一套后台管理框架 (252个子文件)
commit-msg 91B
.env.development 93B
.editorconfig 532B
.env 301B
.eslintignore 129B
.gitignore 288B
index.html 2KB
favicon.ico 4KB
commitlint.config.js 5KB
.eslintrc.js 3KB
.stylelintrc.js 3KB
.prettierrc.js 2KB
lint-staged.config.js 309B
postcss.config.js 56B
china.json 801KB
package-lock.json 736KB
package.json 3KB
tsconfig.json 2KB
alarmList.Json 1KB
settings.json 854B
extensions.json 184B
index.less 6KB
index.less 3KB
theme-default.less 2KB
theme-dark.less 2KB
index.less 2KB
common.less 2KB
index.less 2KB
reset.less 1KB
index.less 943B
index.less 828B
AnnualUseChart.less 787B
RealTimeAccessChart.less 776B
MaleFemaleRatioChart.less 705B
iconfont.less 496B
HotPlateChart.less 494B
index.less 420B
index.less 349B
OverNext30Chart.less 329B
index.less 304B
index.less 241B
font.less 206B
ChinaMapChart.less 167B
index.less 157B
index.less 113B
var.less 54B
index.less 45B
index.less 39B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
index.less 0B
LICENSE 1KB
CHANGELOG.md 4KB
DIN.otf 27KB
bg.png 627KB
login_left2.png 150KB
login_left.png 125KB
book-bg.png 124KB
login_left3.png 109KB
welcome.png 72KB
welcome01.png 71KB
dataScreen-header-center-bg.png 26KB
login_left4.png 25KB
login_left1.png 24KB
dataScreen-header-warn-bg.png 18KB
dataScreen-main-cb.png 16KB
dataScreen-main-lt.png 16KB
dataScreen-main-rb.png 16KB
dataScreen-main-rt.png 16KB
dataScreen-main-lc.png 16KB
dataScreen-main-rc.png 16KB
woman.png 16KB
dataScreen-main-lb.png 16KB
dataScreen-header-left-bg.png 15KB
avatar.png 12KB
4-bg.png 8KB
3-bg.png 8KB
logo.png 7KB
2-bg.png 7KB
1-bg.png 7KB
dataScreen-warn-bg.png 5KB
map-title-bg.png 4KB
book-sum.png 3KB
dataScreen-header-right-bg.png 2KB
man.png 2KB
man-bg.png 2KB
contrast-bg.png 1KB
woman-bg.png 1KB
dataScreen-header-btn-bg-l.png 1KB
dataScreen-header-btn-bg-r.png 1KB
add_team.png 1KB
共 252 条
- 1
- 2
- 3
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 7361
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功