1. 增加了请求框架
2. 增加了删除虚拟环境的脚本
This commit is contained in:
175
request/static/index.html
Normal file
175
request/static/index.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user