175 lines
8.2 KiB
HTML
175 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>X-Request 管理系统</title>
|
|
<!-- 引入Tailwind CSS (离线版本) -->
|
|
<script src="vendor/tailwind.min.js"></script>
|
|
<!-- 引入内联 SVG 图标系统 (完全离线) -->
|
|
<script src="vendor/icons.js"></script>
|
|
<style>
|
|
.inline-icon, .inline-emoji {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.inline-icon svg {
|
|
width: 1em;
|
|
height: 1em;
|
|
fill: currentColor;
|
|
}
|
|
.inline-emoji {
|
|
font-size: 1em;
|
|
line-height: 1;
|
|
}
|
|
@keyframes spin {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
.inline-icon[data-spin="true"], .inline-emoji[data-spin="true"] {
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
</style>
|
|
<!-- 配置Tailwind -->
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#3b82f6',
|
|
secondary: '#8b5cf6',
|
|
success: '#10b981',
|
|
warning: '#f59e0b',
|
|
danger: '#ef4444',
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
}
|
|
}
|
|
|
|
/* 全屏样式 */
|
|
html, body {
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
padding: 1rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen">
|
|
<!-- 顶部导航栏 -->
|
|
<nav class="bg-white shadow-md h-16" style="display: none;">
|
|
<div class="w-full mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16 items-center">
|
|
<div class="flex items-center">
|
|
<div class="flex-shrink-0 flex items-center">
|
|
<span class="text-3xl font-bold text-primary">X</span>
|
|
<span class="ml-2 text-xl font-semibold text-gray-800">X-Request 管理系统</span>
|
|
</div>
|
|
<div class="ml-6 flex items-center space-x-4">
|
|
<a href="/" class="px-3 py-2 rounded-md text-sm font-medium text-primary bg-primary/10 border-b-2 border-primary">
|
|
<i class="fa fa-home mr-1"></i> 首页
|
|
</a>
|
|
<a href="/log.html" class="px-3 py-2 rounded-md text-sm font-medium text-gray-500 hover:text-primary hover:bg-primary/10 hover:border-b-2 hover:border-primary transition-colors">
|
|
<i class="fa fa-file-text mr-1"></i> 日志管理
|
|
</a>
|
|
<a href="/doc.html" class="px-3 py-2 rounded-md text-sm font-medium text-gray-500 hover:text-primary hover:bg-primary/10 hover:border-b-2 hover:border-primary transition-colors">
|
|
<i class="fa fa-book mr-1"></i> 接口文档
|
|
</a>
|
|
<a href="/status.html" class="px-3 py-2 rounded-md text-sm font-medium text-gray-500 hover:text-primary hover:bg-primary/10 hover:border-b-2 hover:border-primary transition-colors">
|
|
<i class="fa fa-heartbeat mr-1"></i> 系统状态
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="w-full px-4 sm:px-6 lg:px-8 py-4 flex items-center justify-center">
|
|
<div class="max-w-4xl w-full">
|
|
<div class="bg-white rounded-lg shadow-md p-8 text-center">
|
|
<div class="mb-8">
|
|
<span class="text-8xl font-bold text-primary mb-4 inline-block">X</span>
|
|
<h1 class="text-3xl font-bold text-gray-800 mb-2">X-Request 管理系统</h1>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
<!-- 日志管理卡片 -->
|
|
<a href="log.html" class="block p-6 h-72 bg-primary/5 border border-primary/20 rounded-lg hover:bg-primary/10 transition-colors transform hover:scale-105">
|
|
<div class="flex flex-col items-center justify-center h-full">
|
|
<div class="flex items-center justify-center mb-4">
|
|
<div class="w-16 h-16 bg-primary/20 rounded-full flex items-center justify-center">
|
|
<i class="fa fa-file-text text-2xl text-primary"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="text-xl font-semibold text-gray-800 mb-2">日志管理</h2>
|
|
<p class="text-gray-600 mb-4 text-center">查看、下载和管理系统日志文件</p>
|
|
<div class="inline-flex items-center text-primary font-medium mt-auto">
|
|
<span>进入日志管理</span>
|
|
<i class="fa fa-arrow-right ml-2"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 接口文档卡片 -->
|
|
<a href="doc.html" class="block p-6 h-72 bg-primary/5 border border-primary/20 rounded-lg hover:bg-primary/10 transition-colors transform hover:scale-105">
|
|
<div class="flex flex-col items-center justify-center h-full">
|
|
<div class="flex items-center justify-center mb-4">
|
|
<div class="w-16 h-16 bg-primary/20 rounded-full flex items-center justify-center">
|
|
<i class="fa fa-book text-2xl text-primary"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="text-xl font-semibold text-gray-800 mb-2">接口文档</h2>
|
|
<p class="text-gray-600 mb-4 text-center">查看系统API接口文档和规范</p>
|
|
<div class="inline-flex items-center text-primary font-medium mt-auto">
|
|
<span>进入接口文档</span>
|
|
<i class="fa fa-arrow-right ml-2"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 系统状态卡片 -->
|
|
<a href="status.html" class="block p-6 h-72 bg-success/5 border border-success/20 rounded-lg hover:bg-success/10 transition-colors transform hover:scale-105">
|
|
<div class="flex flex-col items-center justify-center h-full">
|
|
<div class="flex items-center justify-center mb-4">
|
|
<div class="w-16 h-16 bg-success/20 rounded-full flex items-center justify-center">
|
|
<i class="fa fa-heartbeat text-2xl text-success"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="text-xl font-semibold text-gray-800 mb-2">系统状态</h2>
|
|
<p class="text-gray-600 mb-4 text-center">查看健康检查、应用信息和系统状态</p>
|
|
<div class="inline-flex items-center text-success font-medium mt-auto">
|
|
<span>进入系统状态</span>
|
|
<i class="fa fa-arrow-right ml-2"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-white border-t border-gray-200 py-4">
|
|
<div class="w-full mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm text-gray-500">
|
|
<p>X-Request © 2025</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |