<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vue.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%- title %></title>
</head>
<body>
<div id="app">
<style>
html,
body,
#app {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.loading-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.loading-box .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: #409eff;
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="loading-box">
<div class="loading-wrap">
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
</div>
</div>
</div>
<script>
const globalState = JSON.parse(window.localStorage.getItem("geeker-global"));
if (globalState) {
const dot = document.querySelectorAll(".dot i");
const html = document.querySelector("html");
dot.forEach(item => (item.style.background = globalState.primary));
if (globalState.isDark) html.style.background = "#141414";
}
</script>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
基于Vue3.4、TypeScript、Vite5、Pinia、Element-Plus开源的一套后台管理框架
版权申诉
179 浏览量
2024-03-14
11:28:53
上传
评论
收藏 3.12MB ZIP 举报
基于Vue3.4、TypeScript、Vite5、Pinia、Element-Plus开源的一套后台管理框架 （354个子文件） 
commitlint.config.cjs 6KB .eslintrc.cjs 3KB .stylelintrc.cjs 2KB .prettierrc.cjs 2KB lint-staged.config.cjs 387B postcss.config.cjs 60B commit-msg 91B .env.development 639B .editorconfig 537B .env 196B .eslintignore 111B
avatar.gif 6KB .gitignore 287B
index.html 3KB china.json 981KB authMenuList.json 27KB package.json 4KB settings.json 2KB tsconfig.json 2KB alarmList.Json 1KB extensions.json 341B authButtonList.json 193B LICENSE 1KB CHANGELOG.md 27KB DIN.otf 27KB
bg.png 627KB login_left5.png 275KB login_left4.png 150KB book-bg.png 124KB login_left3.png 109KB welcome.png 74KB login_left1.png 41KB login_left.png 35KB login_left2.png 31KB dataScreen-header-center-bg.png 26KB 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 403.png 12KB logo.png 8KB 4-bg.png 8KB 500.png 8KB 3-bg.png 8KB 404.png 8KB 2-bg.png 7KB msg04.png 7KB 1-bg.png 7KB msg02.png 6KB msg01.png 6KB msg03.png 6KB msg05.png 6KB 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 notData.png 1KB dataScreen-header-btn-bg-l.png 1KB dataScreen-header-btn-bg-r.png 1KB add_team.png 1KB book_sum.png 859B total.png 788B add_person.png 780B today.png 704B rankingChart-bg.png 661B line-bg.png 595B dataScreen-title.png 485B dataScreen-alarm.png 405B pre-commit 78B .prettierignore 72B .env.production 612B index.scss 7KB element.scss 5KB index.scss 4KB index.scss 3KB common.scss 2KB index.scss 2KB index.scss 2KB reset.scss 2KB index.scss 2KB index.scss 2KB index.scss 1KB index.scss 1KB index.scss 1KB index.scss 1KB iconfont.scss 886B index.scss 840B index.scss 773B index.scss 764B element-dark.scss 741B共 354 条
- 1
- 2
- 3
- 4
资源评论
