YG-Soft/YG_FT_Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了页面的布局

Browse Source
This commit is contained in:
leokaka1
2026-01-19 13:54:34 +08:00
parent 1ae1139f17
commit cde34e4919
8 changed files with 943 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/pages/login.html
View File

@@ -4,41 +4,28 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>远光软件微调平台 - 登录</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1890ff',
sidebarBg: '#001529',
sidebarText: '#bfcbd9',
danger: '#f5222d',
success: '#52c41a',
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
},
}
}
<script src="../lib/tailwindcss/tailwind.js"></script>
<link href="../lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<style>
.login-card-shadow {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
</script>
<style type="text/tailwindcss">
@layer utilities {
.content-auto {
content-visibility: auto;
}
.input-focus {
@apply focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none;
}
.login-card-shadow {
@apply shadow-lg shadow-primary/10 hover:shadow-xl hover:shadow-primary/15 transition-shadow;
}
.input-focus {
transition: border-color 0.2s, outline 0.2s;
}
.input-focus:focus {
border-color: #1890ff;
outline: none;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.text-primary { color: #1890ff; }
.text-danger { color: #f5222d; }
.bg-primary { background-color: #1890ff; }
.bg-danger\/5 { background-color: rgba(245, 34, 45, 0.05); }
:root { --primary: #1890ff; --danger: #f5222d; --success: #52c41a; }
</style>
</head>
<body class="antialiased bg-gray-50 min-h-screen flex items-center justify-center p-4">
<body class="login-page antialiased bg-gray-50 min-h-screen flex items-center justify-center p-4" style="background-color: #DBE0F9;">
<!-- 登录主容器 -->
<div class="w-full max-w-md">
<!-- 登录卡片 -->