xinyouhe/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
浅念
2025-06-16 10:50:40 +08:00
parent b6002cfa68
commit 7cc53f7866
3 changed files with 88 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+45 -2
View File
@@ -1,7 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<!-- <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> -->
<title></title>
<link rel="stylesheet" href="css/style.css">
<script src="plugins/echarts.min.js"></script>
@@ -16,11 +17,50 @@
body[dir="rtl"] .cont {
direction: rtl;
}
#globalLoading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(255, 255, 255, 0.8);
}
.loading-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto;
}
.loading-text {
margin-top: 10px;
color: #333;
font-size: 16px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body id="root-container">
<div id="globalLoading" style="display: none;">
<div class="loading-overlay">
<div class="loading-spinner"></div>
<div class="loading-text">Loading...</div>
</div>
</div>
<div id="world" style="height: 99%"></div>
<div class="cont">
@@ -144,6 +184,7 @@
</div>
</div>
<div class="pagination-container"></div>
<div class="pagination-container1"></div>
</div>
</div>
<div class="tab-content" id="tab2">
@@ -214,6 +255,8 @@
</div>
</div>
</div>
<!-- 生成地 -->
<!-- 车详情弹出框 -->
<div class="modal-overlay" id="modalOverlaycar">
<div class="modal-containercar">