diff --git a/src/pages/TopToolBar.vue b/src/pages/TopToolBar.vue
index a761bb4..5630789 100644
--- a/src/pages/TopToolBar.vue
+++ b/src/pages/TopToolBar.vue
@@ -441,7 +441,8 @@
       <q-item>
         <q-item-section avatar style="margin-right: 0px; padding-right: 0px">
           <!-- <q-icon class="text-white rotate" name="img:svgs/fan.svg" /> -->
-          <q-icon class="text-white rotate" name="img:new_icon/fan.png" />
+          <!-- <q-icon class="text-white rotate" name="img:new_icon/fan.png" /> -->
+          <q-icon class="text-white" :style="{'animation':fan}" name="img:new_icon/fan.png" />
         </q-item-section>
         <q-item-section style="margin-left: -25px">
           {{ $store.state.fan_temp.toFixed(1) }} ℃
@@ -568,7 +569,13 @@ export default defineComponent({
     const plan_running = computed(
       () => $store.state.current_running_plan.trim() != ""
     );
-
+    const fan = computed(
+      () => {
+        let wendu:any=($store.state.fan_temp).toFixed(1)
+        let sulv:any=(1-(wendu/150))
+        return 'rotate '+sulv+'s linear infinite'
+      }
+    );
     const checkRegistered = () => {
       if (
         GlobalData.getInstance().getCurrentClient()?.is_connected &&
@@ -642,7 +649,7 @@ export default defineComponent({
       window_rect_edit_dialog,
       show_device_list,
       power_flag,
-
+      fan,
       async backupDB() {
         let client = GlobalData.getInstance().getCurrentClient();
         if (client) {