From 7e3927dc96c7103106859201dd4ec836534d1ab1 Mon Sep 17 00:00:00 2001
From: MKStoler1024 <158786854+MKStoler1024@users.noreply.github.com>
Date: Sat, 12 Apr 2025 14:57:53 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=AD=97=E4=BD=93?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E6=8E=A7=E5=88=B6=E5=8A=9F=E8=83=BD=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=BB=98=E8=AE=A4=E5=AD=97=E5=8F=B7=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 time/index.html | 25 +++++++++++++++++++++----
 time/styles.css | 19 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/time/index.html b/time/index.html
index cd035c5..6ab0874 100644
--- a/time/index.html
+++ b/time/index.html
@@ -39,7 +39,7 @@
 		<div class="text">当前时间：</div>
 		<div class="time" id="time"></div>
 		<div class="controls">
-			<select id="fontSelector" class="btn">
+			<select id="fontSelector" class="btn" onchange="changeFontFamily()">
 				<option value="Roboto">Roboto（在线）</option>
 				<option value="DM Sans">DM Sans（在线）</option>
 				<option value="Inter">Inter（在线）</option>
@@ -50,7 +50,10 @@
 				<option value="黑体">黑体</option>
 				<option value="宋体">宋体</option>
 			</select>
-			<button class="btn" onclick="changeFontFamily()">更改字体</button>
+			<div class="font-size-control">
+				<input type="number" id="fontSizeInput" class="btn" value="160" min="10" max="500" step="5">
+				<span class="unit">px</span>
+			</div>
 			<button class="btn" onclick="changeFontSize(-5)">减小字号</button>
 			<button class="btn" onclick="changeFontSize(5)">增大字号</button>
 			<button class="btn fullscreen" onclick="toggleFullScreen()">全屏/还原</button>
@@ -73,9 +76,17 @@
 
 		function changeFontSize(change) {
 			const elements = document.querySelectorAll('.time');
+			const input = document.getElementById('fontSizeInput');
 			elements.forEach(element => {
-				const currentSize = parseFloat(window.getComputedStyle(element).fontSize);
-				element.style.fontSize = `${currentSize + change}px`;
+				let newSize;
+				if (typeof change === 'number') {
+					const currentSize = parseFloat(window.getComputedStyle(element).fontSize);
+					newSize = currentSize + change;
+					input.value = newSize;
+				} else {
+					newSize = parseInt(input.value);
+				}
+				element.style.fontSize = `${newSize}px`;
 			});
 		}
 
@@ -96,6 +107,12 @@
 				}
 			}
 		}
+
+		// 监听字号输入框变化
+		document.getElementById('fontSizeInput').addEventListener('input', () => changeFontSize());
+		
+		// 初始化默认字号
+		window.addEventListener('load', () => changeFontSize());
 	</script>
 </body>
 
diff --git a/time/styles.css b/time/styles.css
index d41f976..3137b70 100644
--- a/time/styles.css
+++ b/time/styles.css
@@ -21,7 +21,7 @@ body {
 }
 
 .time {
-    font-size: 10rem;
+    font-size: 160px;  /* 更新默认字号 */
     margin: 0;
     color: #D0BCFF;
     font-weight: 400;
@@ -109,4 +109,21 @@ body {
         opacity: 1;
         transform: translateY(0);
     }
+}
+
+.font-size-control {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+#fontSizeInput {
+    width: 70px;
+    text-align: center;
+    padding: 12px 8px;
+}
+
+.unit {
+    color: #E6E1E5;
+    font-size: 0.9rem;
 }
\ No newline at end of file