<!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>
基于Vue3 Vben的ruoyi-vue-pro-vben最新版设计源码 （1212个子文件） 
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 919B .editorconfig 257B .env 444B .eslintignore 92B .env.front 949B
ai-preview.gif 348KB .gitattributes 459B .gitignore 343B .hintrc 221B
index.html 4KB favicon.ico 4KB
短信模板.jpg 248KB 支付订单.jpg 208KB 我的流程-列表.jpg 176KB 流程模型-列表.jpg 173KB 任务列表-已办.jpg 160KB OA请假-列表.jpg 152KB 任务列表-待办.jpg 150KB 流程表单.jpg 148KB MySQL.jpg 142KB 错误码管理.jpg 131KB 代码生成.jpg 130KB 菜单管理.jpg 129KB 生成效果.jpg 128KB 字典类型.jpg 126KB 流程模型-设计.jpg 125KB 流程模型-定义.jpg 125KB 任务日志.jpg 124KB 文件配置.jpg 116KB 租户管理.jpg 115KB 文件管理2.jpg 114KB Java监控.jpg 112KB 用户管理.jpg 112KB 错误日志.jpg 110KB 大屏设计器-编辑.jpg 109KB 部门管理.jpg 109KB 表单构建.jpg 102KB 操作日志.jpg 99KB 数据库文档.jpg 97KB Redis.jpg 95KB 应用信息-列表.jpg 93KB 登录.jpg 93KB 应用信息-编辑.jpg 93KB 退款订单.jpg 92KB 我的流程-发起.jpg 91KB 系统接口.jpg 91KB 令牌管理.jpg 89KB 任务列表-审批.jpg 89KB 配置管理.jpg 89KB 我的流程-详情.jpg 87KB 角色管理.jpg 85KB 日志中心.jpg 84KB 商户信息.jpg 83KB 用户分组.jpg 82KB 链路追踪.jpg 81KB 短信渠道.jpg 80KB 岗位管理.jpg 80KB 字典数据.jpg 78KB 登录日志.jpg 77KB 通知公告.jpg 77KB 定时任务.jpg 74KB 文件管理.jpg 73KB 访问日志.jpg 73KB 在线用户.jpg 73KB 大屏设计器-预览.jpg 69KB OA请假-发起.jpg 68KB OA请假-详情.jpg 65KB 首页.jpg 62KB 应用管理.jpg 55KB 大屏设计器-列表.jpg 53KB 敏感词.jpg 47KB 报表设计器-数据报表.jpg 41KB 短信日志.jpg 41KB 个人中心.jpg 37KB 报表设计器-打印设计.jpg 37KB 报表设计器-图形报表.jpg 33KB 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共 1212 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
xyq2024
- 粉丝: 2375
- 资源: 5443
最新资源
- python实现Excel表格合并
- Java实现读取Excel批量发送邮件.zip
- 【java毕业设计】商城后台管理系统源码（springboot+vue+mysql+说明文档）.zip
- 【java毕业设计】开发停车位管理系统(调用百度地图API)源码（springboot+vue+mysql+说明文档）.zip
- 星耀软件库(升级版).apk.1
- 基于Django后端和Vue前端的多语言购物车项目设计源码
- 基于Python与Vue的浮光在线教育平台源码设计
- 31129647070291Eclipson MXS R.zip
- 基于Html与Java的会员小程序后台管理系统设计源码
- 基于Python的RabbitMQ消息队列安装使用及脚本开发设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
