From cddb2d65a446d1a499ef41ae5f4038699d365183 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=E6=98=B5=E7=A7=B0=E9=87=8D=E8=A6=81=E5=90=97O?=
 <mxp131011@qq.com>
Date: Sun, 15 Mar 2026 16:34:02 +0800
Subject: [PATCH] =?UTF-8?q?style(floating-list):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=9D=99=E9=9F=B3=E7=8A=B6=E6=80=81=E4=B8=8B=E7=9A=84=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为全员静音和老师静音菜单项添加动态文字颜色类
- 添加CSS过渡效果使颜色变化更平滑
- 设置静音状态下文字为红色并加重字体粗细
- 实现静音状态的文字视觉反馈效果
---
 .../aa-components/floating-list.vue                    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/other_pages/floating-list-window/aa-components/floating-list.vue b/src/other_pages/floating-list-window/aa-components/floating-list.vue
index 0e12e6b..b626688 100644
--- a/src/other_pages/floating-list-window/aa-components/floating-list.vue
+++ b/src/other_pages/floating-list-window/aa-components/floating-list.vue
@@ -10,14 +10,14 @@
           <icon-mdi-volume-high v-if="!isMuted" class="menu-icon"></icon-mdi-volume-high>
           <icon-mdi-volume-off v-else class="menu-icon muted"></icon-mdi-volume-off>
         </div>
-        <span class="menu-text">全员静音</span>
+        <span class="menu-text" :class="{ 'text-muted': isMuted }">全员静音</span>
       </div>
       <div class="menu-item" @click="muteTeacher()">
         <div class="icon-wrapper">
           <icon-mdi-microphone v-if="!isTeacherMuted" class="menu-icon"></icon-mdi-microphone>
           <icon-mdi-microphone-off v-else class="menu-icon muted"></icon-mdi-microphone-off>
         </div>
-        <span class="menu-text">老师静音</span>
+        <span class="menu-text" :class="{ 'text-muted': isTeacherMuted }">老师静音</span>
       </div>
       <div class="menu-item" @click="endClass()">
         <div class="icon-wrapper">
@@ -220,6 +220,12 @@
       font-weight: 500;
       letter-spacing: 0.5px;
       text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+      transition: color 0.3s;
+
+      &.text-muted {
+        color: #ff6b6b;
+        font-weight: 600;
+      }
     }
 
     .status-indicator {