47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="/public/config.js"></script>
|
|
<script>
|
|
// 获取项目名称配置
|
|
window.__APP_NAME__ = window.SY_CONFIG?.APP_NAME || 'VueAdmin'
|
|
document.title = window.__APP_NAME__ + ' - 管理后台'
|
|
</script>
|
|
<title></title>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f5f5f5}
|
|
#app,#loading{width:100%;height:100vh}
|
|
#loading{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;transition:opacity .3s}
|
|
#loading.hidden{opacity:0;pointer-events:none}
|
|
.logo{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:scale 1s ease-in-out infinite}
|
|
.logo svg{width:36px;height:36px}
|
|
.text{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px}
|
|
.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate .8s linear infinite}
|
|
@keyframes rotate{to{transform:rotate(360deg)}}
|
|
@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="loading">
|
|
<div class="logo">
|
|
<svg viewBox="0 0 24 24" fill="none">
|
|
<rect width="24" height="24" rx="4" fill="#667eea"/>
|
|
<path d="M7 8h10v2H7V8Z" fill="white"/>
|
|
<path d="M7 11h10v2H7v-2Z" fill="white"/>
|
|
<path d="M7 14h7v2H7v-2Z" fill="white"/>
|
|
</svg>
|
|
</div>
|
|
<div class="text"><script>document.write(window.__APP_NAME__)</script></div>
|
|
<div class="spinner"></div>
|
|
</div>
|
|
<div id="app"></div>
|
|
<script>
|
|
window.onload=function(){setTimeout(function(){var e=document.getElementById('loading');e&&e.classList.add('hidden')},300)}
|
|
</script>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|