From 5d9879a9646fb2d1653912db11583dbb2ebe4d17 Mon Sep 17 00:00:00 2001 From: Hellofhz <152045732+fhzit@users.noreply.github.com> Date: Sat, 12 Apr 2025 21:58:07 +0800 Subject: [PATCH] =?UTF-8?q?=20feat:=20=E5=9C=A8=E7=BA=BF=E6=97=B6=E9=97=B4?= =?UTF-8?q?=E5=92=8C=E8=80=83=E8=AF=95=E7=9C=8B=E6=9D=BF=E8=BF=94=E5=9B=9E?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E5=AE=9E=E7=8E=B0=20#20?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- exam/Styles/ealg/dark.css | 22 ++++++ exam/Styles/ealg/light.css | 22 ++++++ exam/Styles/md3/dark.css | 22 ++++++ exam/Styles/md3/light.css | 22 ++++++ exam/Styles/old/dark.css | 21 +++++ exam/Styles/old/light.css | 152 +++++++++++++++++++++---------------- exam/index.html | 1 + time/index.html | 108 ++------------------------ time/styles.css | 112 +++++++++++++++++++++++++++ 9 files changed, 317 insertions(+), 165 deletions(-) create mode 100644 time/styles.css diff --git a/exam/Styles/ealg/dark.css b/exam/Styles/ealg/dark.css index 23bbea7..d01d265 100644 --- a/exam/Styles/ealg/dark.css +++ b/exam/Styles/ealg/dark.css @@ -1,3 +1,25 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + padding: 12px 24px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #2b2b2b; /* 按钮背景颜色 */ + color: #ffffff; /* 按钮文字颜色 */ + border: 1px solid #444444; /* 按钮边框样式 */ + border-radius: 20px; /* 按钮圆角大小 */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* 按钮阴影 */ + transition: all 0.2s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 按钮层级 */ +} + +#return-btn:hover { + background-color: #3c3c3c; /* 悬停时的背景颜色 */ + transform: translateY(-1px); /* 悬停时向上移动 1px */ + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); /* 悬停时的阴影效果 */ +} + body { font-family: 'Roboto', 'HarmonyOS Sans SC', sans-serif; margin: 0; diff --git a/exam/Styles/ealg/light.css b/exam/Styles/ealg/light.css index 3cd75d2..14538b7 100644 --- a/exam/Styles/ealg/light.css +++ b/exam/Styles/ealg/light.css @@ -1,3 +1,25 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + padding: 12px 24px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #E8DEF8; /* 按钮背景颜色 */ + color: #1C1B1F; /* 按钮文字颜色 */ + border: none; /* 按钮边框样式 */ + border-radius: 20px; /* 按钮圆角大小 */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 按钮阴影 */ + transition: all 0.2s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 按钮层级 */ +} + +#return-btn:hover { + background-color: #D0BCFF; /* 悬停时的背景颜色 */ + transform: translateY(-1px); /* 悬停时向上移动 1px */ + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* 悬停时的阴影效果 */ +} + body { font-family: 'Roboto', 'HarmonyOS Sans SC', sans-serif; margin: 0; diff --git a/exam/Styles/md3/dark.css b/exam/Styles/md3/dark.css index 363ad24..31125a0 100644 --- a/exam/Styles/md3/dark.css +++ b/exam/Styles/md3/dark.css @@ -1,3 +1,25 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + padding: 12px 24px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #4A4458; /* 按钮背景颜色 */ + color: #E6E1E5; /* 按钮文字颜色 */ + border: none; /* 按钮边框样式 */ + border-radius: 20px; /* 按钮圆角大小 */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* 按钮阴影 */ + transition: all 0.2s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 按钮层级 */ +} + +#return-btn:hover { + background-color: #635B70; /* 悬停时的背景颜色 */ + transform: translateY(-1px); /* 悬停时向上移动 1px */ + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); /* 悬停时的阴影效果 */ +} + body { font-family: 'Roboto', 'HarmonyOS Sans SC', sans-serif; margin: 0; diff --git a/exam/Styles/md3/light.css b/exam/Styles/md3/light.css index 4dde851..7b9ffb4 100644 --- a/exam/Styles/md3/light.css +++ b/exam/Styles/md3/light.css @@ -1,3 +1,25 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + padding: 12px 24px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #E8DEF8; /* 按钮背景颜色 */ + color: #000000; /* 按钮文字颜色 */ + border: none; /* 按钮边框样式 */ + border-radius: 20px; /* 按钮圆角大小 */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 按钮阴影 */ + transition: all 0.2s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 按钮层级 */ +} + +#return-btn:hover { + background-color: #D0BCFF; /* 悬停时的背景颜色 */ + transform: translateY(-1px); /* 悬停时向上移动 1px */ + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* 悬停时的阴影效果 */ +} + body { font-family: 'Roboto', 'HarmonyOS Sans SC', sans-serif; margin: 0; diff --git a/exam/Styles/old/dark.css b/exam/Styles/old/dark.css index 88afc92..e9ece47 100644 --- a/exam/Styles/old/dark.css +++ b/exam/Styles/old/dark.css @@ -1,3 +1,24 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + background-color: #1f1f1f; /* 按钮背景颜色 */ + color: #e0e0e0; /* 按钮文字颜色 */ + border: 1px solid #333333; /* 按钮边框样式 */ + border-radius: 4px; /* 按钮圆角大小 */ + padding: 8px 16px; /* 按钮内边距 */ + font-size: 14px; /* 按钮字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 按钮阴影 */ + transition: background-color 0.3s ease, transform 0.3s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 按钮层级 */ +} + +#return-btn:hover { + background-color: #2a2a2a; /* 按钮悬停时的背景颜色 */ + transform: scale(1.05); /* 悬停时放大 5% */ +} + body { font-family: 'HarmonyOS Sans SC Regular', 'Roboto', Arial, sans-serif; margin: 0; diff --git a/exam/Styles/old/light.css b/exam/Styles/old/light.css index fb6ddc7..dee0b68 100644 --- a/exam/Styles/old/light.css +++ b/exam/Styles/old/light.css @@ -1,82 +1,103 @@ +#return-btn { + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + left: 20px; /* 距离左侧 20px */ + padding: 10px 20px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #f0f0f0; /* 按钮背景颜色 */ + color: #333; /* 按钮文字颜色 */ + border: 1px solid #ccc; /* 按钮边框 */ + border-radius: 5px; /* 按钮圆角 */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 按钮阴影 */ + transition: background-color 0.3s ease, transform 0.3s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 设置按钮的层级，确保在其他元素之上 */ +} + +#return-btn:hover { + background-color: #ccc; /* 悬停时的背景颜色 */ + transform: scale(1.05); /* 悬停时放大 5% */ +} + body { - font-family: 'HarmonyOS Sans SC Regular', 'Roboto', Arial, sans-serif; - margin: 0; - padding: 0; - background: url('background_light.jpg') no-repeat center center fixed; - background-size: cover; - animation: fadeIn 1s; - color: #333; - overflow: auto; + font-family: 'HarmonyOS Sans SC Regular', 'Roboto', Arial, sans-serif; /* 设置字体 */ + margin: 0; /* 去除默认外边距 */ + padding: 0; /* 去除默认内边距 */ + background: url('background_light.jpg') no-repeat center center fixed; /* 设置背景图片 */ + background-size: cover; /* 背景图片覆盖整个页面 */ + animation: fadeIn 1s; /* 页面加载时的淡入动画 */ + color: #333; /* 全局文字颜色 */ + overflow: auto; /* 允许页面滚动 */ } body::-webkit-scrollbar { - display: none; + display: none; /* 隐藏滚动条 */ } @keyframes fadeIn { - from { opacity: 0; } - to { opacity: 1; } + from { opacity: 0; } /* 动画开始时透明 */ + to { opacity: 1; } /* 动画结束时完全显示 */ } #fullscreen-btn, #settings-btn { - position: absolute; - top: 20px; - padding: 10px 20px; - font-size: 1rem; - cursor: pointer; - background-color: #f0f0f0; - color: #333; - border: 1px solid #ccc; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - transition: background-color 0.3s ease, transform 0.3s ease; - z-index: 1001; + position: absolute; /* 绝对定位 */ + top: 20px; /* 距离顶部 20px */ + padding: 10px 20px; /* 内边距 */ + font-size: 1rem; /* 字体大小 */ + cursor: pointer; /* 鼠标悬停时显示为手型 */ + background-color: #f0f0f0; /* 按钮背景颜色 */ + color: #333; /* 按钮文字颜色 */ + border: 1px solid #ccc; /* 按钮边框 */ + border-radius: 5px; /* 按钮圆角 */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 按钮阴影 */ + transition: background-color 0.3s ease, transform 0.3s ease; /* 背景颜色和缩放的过渡效果 */ + z-index: 1001; /* 设置按钮的层级，确保在其他元素之上 */ } #fullscreen-btn { - right: 20px; + right: 20px; /* 距离右侧 20px */ } #settings-btn { - right: 120px; + right: 120px; /* 距离右侧 120px */ } #settings-btn:hover, #fullscreen-btn:hover { - background-color: #ccc; - transform: scale(1.05); + background-color: #ccc; /* 悬停时的背景颜色 */ + transform: scale(1.05); /* 悬停时放大 5% */ } .container { - padding: 20px; - max-width: 1400px; - margin: auto; - background-color: rgba(255, 255, 255, 0.4); + padding: 20px; /* 内边距 */ + max-width: 1400px; /* 最大宽度 */ + margin: auto; /* 居中对齐 */ + background-color: rgba(255, 255, 255, 0.4); /* 半透明背景 */ } h1 { - font-size: 3.5rem; - font-weight: bold; - text-align: left; - margin-bottom: 10px; - color: #333; - display: flex; - align-items: center; - justify-content: space-between; + font-size: 3.5rem; /* 字体大小 */ + font-weight: bold; /* 字体加粗 */ + text-align: left; /* 左对齐 */ + margin-bottom: 10px; /* 下边距 */ + color: #333; /* 文字颜色 */ + display: flex; /* 使用 flex 布局 */ + align-items: center; /* 垂直居中 */ + justify-content: space-between; /* 两端对齐 */ } #room { - font-size: 3.5rem; - font-weight: bold; - color: #333; - position: relative; - right: 0; - margin-left: 20px; + font-size: 3.5rem; /* 字体大小 */ + font-weight: bold; /* 字体加粗 */ + color: #333; /* 文字颜色 */ + position: relative; /* 相对定位 */ + right: 0; /* 向右移动 0 */ + margin-left: 20px; /* 左边距 */ } #message { - font-size: 1.5rem; - color: #16a3d1; - margin-bottom: 20px; + font-size: 1.5rem; /* 字体大小 */ + color: #16a3d1; /* 文字颜色 */ + margin-bottom: 20px; /* 下边距 */ } .content { @@ -127,11 +148,11 @@ h1 { } table { - width: 100%; - border-collapse: collapse; - margin-top: 20px; - border: 1px solid #000; - background-color: rgba(255, 255, 255, 0.5); + width: 100%; /* 表格宽度 */ + border-collapse: collapse; /* 合并边框 */ + margin-top: 20px; /* 上边距 */ + border: 1px solid #000; /* 表格边框 */ + background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */ } th, td { @@ -142,14 +163,14 @@ th, td { } th { - background-color: #f0f0f0; - color: #333; - font-weight: bold; - border-bottom: 2px solid #000; + background-color: #f0f0f0; /* 背景颜色 */ + color: #333; /* 文字颜色 */ + font-weight: bold; /* 字体加粗 */ + border-bottom: 2px solid #000; /* 下边框 */ } tr:hover { - background-color: #f0f0f0; + background-color: #f0f0f0; /* 背景颜色 */ } table { @@ -158,17 +179,20 @@ table { } td { - border-bottom: 1px solid #000; + border-bottom: 1px solid #000; /* 下边框 */ + padding: 0px; /* 内边距 */ + font-size: 1.8rem; /* 字体大小 */ + text-align: center; /* 居中对齐 */ } td:first-child { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; + border-top-left-radius: 8px; /* 左上角圆角 */ + border-bottom-left-radius: 8px; /* 左下角圆角 */ } td:last-child { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; + border-top-right-radius: 8px; /* 右上角圆角 */ + border-bottom-right-radius: 8px; /* 右下角圆角 */ } .exam-status-tag { @@ -430,7 +454,7 @@ input:checked + .slider:before { transform: translateX(26px); } -.theme-toggle-container { +theme-toggle-container { display: flex; align-items: center; justify-content: space-between; diff --git a/exam/index.html b/exam/index.html index 8cdd9b5..f3e21a2 100644 --- a/exam/index.html +++ b/exam/index.html @@ -11,6 +11,7 @@
+
diff --git a/time/index.html b/time/index.html index 7272613..cd035c5 100644 --- a/time/index.html +++ b/time/index.html @@ -30,115 +30,16 @@ - + +
当前时间：