You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.0 KiB
55 lines
2.0 KiB
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>学生名单</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
text-align: center;
|
|
position: relative; /* 为绝对定位的子元素提供基准 */
|
|
}
|
|
|
|
/* 将按钮容器放在右上角 */
|
|
.button-container {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.button-container button {
|
|
margin-left: 10px; /* 按钮之间留一点间隔 */
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>学生名单</h1>
|
|
<div id="studentList"></div>
|
|
|
|
<div class="button-container">
|
|
<button
|
|
data-tooltip="清除所有积分"
|
|
onclick="resetAllPoints()"style="background: none; border: none; padding: 0; cursor: pointer;">
|
|
<img src="clearall-icon.svg" alt="清除所有积分" style="width: 50px; height: 50px;" />
|
|
</button>
|
|
<button
|
|
data-tooltip="返回"
|
|
onclick="goBack()"style="background: none; border: none; padding: 0; cursor: pointer;">
|
|
<img src="back-icon.svg" alt="返回" style="width: 50px; height: 50px;" />
|
|
</button>
|
|
</div>
|
|
|
|
<div class="tooltip" id="tooltip"></div>
|
|
|
|
<div id="message" style="display:none; position:fixed; top:20px; left:50%; transform:translateX(-50%); background-color:rgba(0, 0, 0, 0.5); color:white; padding:10px; border-radius:5px; white-space:nowrap;">
|
|
</div>
|
|
|
|
<script src="student.js"></script>
|
|
</body>
|
|
</html> |