ExamAware/ExamSchedule
3
0
Fork 0
mirror of https://github.com/ExamAware/ExamSchedule.git synced 2025-04-29 19:16:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加 Material Icons 字体支持，优化选择页面样式和布局

Browse Source
This commit is contained in:
MKStoler1024 2025-04-12 14:52:50 +00:00
parent ffbf6569f5
commit 2b7a35ab8e
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
exam/index.html
View File

@ -6,6 +6,7 @@
<title>Exam Schedule</title> <title>Exam Schedule</title>
<link id="theme-link" rel="stylesheet" href="Styles/md3/dark.css"> <link id="theme-link" rel="stylesheet" href="Styles/md3/dark.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head> </head>
<body> <body>
<div class="error-container"> <div class="error-container">

29
index.html
View File

@ -6,9 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择页面</title> <title>选择页面</title>
<link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style> <style>
body { body {
background: #1C1B1F; background: #2C2B30;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -47,7 +48,9 @@
border-radius: 100px; border-radius: 100px;
background-color: #49454F; background-color: #49454F;
transition: all 0.3s ease; transition: all 0.3s ease;
display: inline-block; display: flex;
align-items: center;
gap: 8px;
} }
a:hover { a:hover {
@ -97,14 +100,30 @@
height: 24px; height: 24px;
filter: invert(1); filter: invert(1);
} }
.project-title {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
font-weight: 500;
color: #E6E1E5;
animation: fadeInUp 1s ease-in-out;
}
.material-icons {
font-size: 20px;
}
</style> </style>
</head> </head>
<body> <body>
<div class="project-title">ExamSchedule</div>
<h1>选择版本：</h1> <h1>选择版本：</h1>
<ul> <ul>
<li><a href="./time/">电子钟表</a></li> <li><a href="./time/"><span class="material-icons">schedule</span>电子钟表</a></li>
<li><a href="./exam/">考试看板</a></li> <li><a href="./exam/"><span class="material-icons">dashboard</span>考试看板</a></li>
<li><a href="./notification/">考试广播</a></li> <li><a href="./notification/"><span class="material-icons">campaign</span>考试广播</a></li>
</ul> </ul>
<!-- 添加GitHub图标跳转项目地址 --> <!-- 添加GitHub图标跳转项目地址 -->