<!DOCTYPE html>
<html lang="en" id="htmlRoot">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
/>
<title>%VITE_GLOB_APP_TITLE%</title>
<link rel="icon" href="/favicon.ico" />
</head>
<body>
<script>
(() => {
let htmlRoot = document.getElementById('htmlRoot')
let theme = window.localStorage.getItem('__APP__DARK__MODE__')
if (htmlRoot && theme) {
htmlRoot.setAttribute('data-theme', theme)
theme = htmlRoot = null
}
})()
</script>
<div id="app">
<style>
html[data-theme="dark"] {
.app-loading {
background-color: #2c344a;
.app-loading-title {
color: rgb(255 255 255 / 85%);
}
}
}
.app-loading {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #f4f7f9;
}
.app-loading .app-loading-wrap {
position: absolute;
top: 50%;
left: 50%;
display: flex;
transform: translate3d(-50%, -50%, 0);
justify-content: center;
align-items: center;
flex-direction: column;
}
.app-loading .dots {
display: flex;
padding: 98px;
justify-content: center;
align-items: center;
}
.app-loading .app-loading-title {
display: flex;
margin-top: 30px;
font-size: 30px;
color: rgb(0 0 0 / 85%);
justify-content: center;
align-items: center;
}
.app-loading .app-loading-logo {
display: block;
width: 90px;
margin: 0 auto;
margin-bottom: 20px;
}
.dot {
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-top: 30px;
font-size: 32px;
transform: rotate(45deg);
box-sizing: border-box;
animation: antRotate 1.2s infinite linear;
}
.dot i {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-color: #0065cc;
border-radius: 100%;
opacity: 30%;
transform: scale(0.75);
animation: antSpinMove 1s infinite linear alternate;
transform-origin: 50% 50%;
}
.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 antRotate {
to {
transform: rotate(405deg);
}
}
@keyframes antRotate {
to {
transform: rotate(405deg);
}
}
@keyframes antSpinMove {
to {
opacity: 100%;
}
}
@keyframes antSpinMove {
to {
opacity: 100%;
}
}
</style>
<div class="app-loading">
<div class="app-loading-wrap">
<img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
<div class="app-loading-dots">
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
</div>
<div class="app-loading-title">%VITE_GLOB_APP_TITLE%</div>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
芋道管理后台基于vben最新版本，最新vue3 vite4 ant-design-vue4.0 typescript语法进行重构
版权申诉
155 浏览量
2024-04-30
09:20:38
上传
评论
收藏 1.93MB ZIP 举报
芋道管理后台基于vben最新版本，最新vue3 vite4 ant-design-vue4.0 typescript语法进行重构 （1034个子文件） 
commit-msg 145B skin.min.css 60KB skin.min.css 60KB verify.css 52KB content.min.css 21KB content.inline.min.css 21KB content.inline.min.css 21KB content.min.css 21KB skin.mobile.min.css 21KB skin.mobile.min.css 21KB codemirror.css 9KB entry.css 3KB skin.shadowdom.min.css 783B skin.shadowdom.min.css 783B content.mobile.min.css 544B content.mobile.min.css 544B .env.development 1KB .editorconfig 257B .env 389B .eslintignore 92B .env.front 1KB .gitattributes 459B .gitignore 343B .hintrc 221B
index.html 4KB favicon.ico 4KB
header.jpg 16KB zh_CN.js 18KB en.js 16KB commitlint.config.js 4KB stylelint.config.js 2KB eslint.config.js 403B package.json 5KB settings.json 5KB sys.json 4KB sys.json 4KB component.json 4KB component.json 3KB layout.json 3KB layout.json 3KB profile.json 1KB profile.json 1KB tsconfig.json 958B common.json 736B common.json 723B extensions.json 517B DatePicker.json 337B action.json 255B launch.json 250B action.json 225B basic.json 159B basic.json 141B dashboard.json 104B dashboard.json 100B menu.less 6KB index.less 5KB drag.less 4KB index.less 3KB index.less 2KB index.less 2KB color.less 2KB fade.less 1KB index.less 1KB theme.less 1KB index.less 1KB public.less 876B scroll.less 863B index.less 863B easing.less 843B breakpoint.less 800B slide.less 557B index.less 555B zoom.less 479B variable.less 408B index.less 356B scale.less 293B index.less 282B base.less 280B config.less 72B LICENSE 1KB
wx.png 181KB preview.png 172KB wx2.png 135KB pwa-512x512.png 58KB demo.png 33KB logo.png 28KB pwa-192x192.png 13KB logo.png 9KB pre-commit 218B .prettierignore 72B .env.production 984B common.sh 179B .env.static 1KB .stylelintignore 27B
illustration.svg 54KB dynamic-avatar-3.svg 31KB net-error.svg 25KB dynamic-avatar-1.svg 22KB dynamic-avatar-5.svg 21KB dynamic-avatar-6.svg 19KB共 1034 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6723
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
