From f6dd139a7de4a792131fc75285a9acc2ed39ab38 Mon Sep 17 00:00:00 2001
From: hxuanyu <2252193204@qq.com>
Date: Fri, 27 Jun 2025 16:11:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=A1=E6=97=B6=E5=99=A8?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E6=8C=89=E9=92=AE=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE/=E6=9A=82=E5=81=9C=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=8F=90=E5=8D=87=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/timer/Widget.vue | 41 +++++++++++++++++++++++++++++-------
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/src/widgets/timer/Widget.vue b/src/widgets/timer/Widget.vue
index eefc86b..787a971 100644
--- a/src/widgets/timer/Widget.vue
+++ b/src/widgets/timer/Widget.vue
@@ -11,11 +11,8 @@
       <div class="progress-fill" :style="progressFillStyle"></div>
     </div>
     <div class="timer-controls" v-if="!props.config.autoStart">
-      <button @click="startTimer" :disabled="status === 'running'" class="control-btn start">
-        {{ status === 'paused' ? '继续' : '开始' }}
-      </button>
-      <button @click="pauseTimer" :disabled="status !== 'running'" class="control-btn pause">
-        暂停
+      <button @click="togglePlayPause" class="control-btn play-pause">
+        {{ getPlayPauseText() }}
       </button>
       <button @click="resetTimer" class="control-btn reset">
         重置
@@ -261,6 +258,33 @@ const toggleTimer = () => {
   }
 };
 
+// 新的切换播放/暂停方法
+const togglePlayPause = () => {
+  if (status.value === 'running') {
+    pauseTimer();
+  } else if (status.value === 'paused' || status.value === 'stopped') {
+    startTimer();
+  } else if (status.value === 'finished') {
+    resetTimer();
+  }
+};
+
+// 获取播放/暂停按钮文本
+const getPlayPauseText = () => {
+  switch (status.value) {
+    case 'running':
+      return '⏸️ 暂停';
+    case 'paused':
+      return '▶️ 继续';
+    case 'stopped':
+      return '▶️ 开始';
+    case 'finished':
+      return '🔄 重置';
+    default:
+      return '▶️ 开始';
+  }
+};
+
 // 监听配置变化
 watch(() => props.config.duration, (newDuration) => {
   if (status.value === 'stopped' && props.config.mode === 'countdown') {
@@ -331,12 +355,13 @@ onUnmounted(() => {
   cursor: not-allowed;
 }
 
-.control-btn.start {
+.control-btn.play-pause {
   background: rgba(76, 175, 80, 0.8);
+  min-width: 80px;
 }
 
-.control-btn.pause {
-  background: rgba(255, 193, 7, 0.8);
+.control-btn.play-pause:hover {
+  background: rgba(76, 175, 80, 0.9);
 }
 
 .control-btn.reset {