<!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个文件
vue:485个
ts:483个
jpg:66个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 16 浏览量
2024-09-26
00:02:36
上传
评论
收藏 12.44MB ZIP 举报
温馨提示
该项目为ruoyi-vue-pro-vben芋道管理后台的最新版设计源码,基于Vue3、Vben框架,采用typescript、vue、css、less、javascript、shell、html等多种语言开发,总计包含1109个文件。其中,typescript文件482个,vue文件473个,svg文件44个,less文件25个,json文件22个,css文件15个,png文件8个,tsx文件8个,js文件5个,yml文件4个。该后台基于vben最新版本,利用vue3、vite4、ant-design-vue 4.0和typescript语法进行重构,支持springboot3、springcloud版本,适合用于构建现代化企业级管理平台。
资源推荐
资源详情
资源评论
收起资源包目录
基于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
- 粉丝: 2502
- 资源: 5461
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功