<!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><%= title %></title>
<link rel="icon" href="/favicon.ico" />
</head>
<body>
<script>
;(() => {
var htmlRoot = document.getElementById('htmlRoot')
var 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;
}
html[data-theme='dark'] .app-loading .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"><%= title %></div>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
ruoyi-vue-pro-vben 芋道管理后台，基于 vben 最新版本 （724个子文件） 
commit-msg 70B .env.development 891B .editorconfig 257B .env 317B .eslintignore 93B .gitignore 343B
index.html 4KB favicon.ico 894B
header.jpg 13KB stylelint.config.js 2KB .eslintrc.js 2KB commitlint.config.js 891B prettier.config.js 414B lintstagedrc.js 375B postcss.config.js 59B package.json 5KB settings.json 3KB tsconfig.json 988B extensions.json 263B launch.json 252B btn.less 6KB menu.less 6KB dark.less 4KB color.less 4KB index.less 4KB index.less 4KB index.less 3KB index.less 2KB pagination.less 2KB table.less 2KB index.less 2KB index.less 1KB fade.less 1KB index.less 1KB theme.less 1KB public.less 969B scroll.less 863B easing.less 843B index.less 834B breakpoint.less 800B index.less 676B slide.less 557B index.less 552B zoom.less 463B input.less 411B index.less 356B scale.less 293B base.less 280B index.less 270B config.less 72B light.less 0B LICENSE 1KB PULL_REQUEST_TEMPLATE.zh-CN.md 1KB ISSUE_TEMPLATE.zh-CN.md 79B
demo.png 33KB pwa-512x512.png 12KB logo.png 4KB pwa-192x192.png 4KB logo.png 2KB pre-commit 180B .prettierignore 72B .env.production 985B .stylelintignore 27B
illustration.svg 49KB dynamic-avatar-3.svg 29KB net-error.svg 23KB dynamic-avatar-1.svg 20KB dynamic-avatar-5.svg 20KB dynamic-avatar-6.svg 18KB dynamic-avatar-2.svg 17KB dynamic-avatar-4.svg 17KB login-box-bg.svg 6KB no-data.svg 6KB visit-count.svg 3KB p-rotate.svg 3KB unrotate.svg 3KB download-count.svg 2KB transaction.svg 2KB total-sales.svg 2KB sun.svg 2KB login-bg-dark.svg 1KB login-bg.svg 1KB moon.svg 991B scale.svg 962B unscale.svg 766B test.svg 715B resume.svg 683B .env.test 1005B icons.data.ts 19KB table.ts 12KB Axios.ts 12KB multipleTab.ts 11KB index.ts 11KB useDataSource.ts 10KB useCrudSchemas.ts 10KB useFormEvents.ts 9KB useColumns.ts 9KB permission.ts 8KB tree.ts 7KB form.ts 7KB共 724 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
pengzhuoxhz2024-10-15非常有用的资源，可以直接使用，对我很有用，果断支持！
Java程序员-张凯
- 粉丝: 1w+
- 资源: 7265
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
