diff --git a/public/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png
index 8de72bc..3b1a498 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png
index 08b6492..ba5cd63 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png
index bc41827..af500ef 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png
index 581084d..b8e9b45 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png
index 714bc85..189a2f8 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png
index 2b2de0f..34fb98d 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png differ
diff --git a/public/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png b/public/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png
index 828f39b..1debdd8 100644
Binary files a/public/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png and b/public/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png differ
diff --git a/public/assets/imgs/home-screen/WIFI@2x.png b/public/assets/imgs/home-screen/WIFI@2x.png
new file mode 100644
index 0000000..1295e08
Binary files /dev/null and b/public/assets/imgs/home-screen/WIFI@2x.png differ
diff --git a/public/assets/imgs/home-screen/snow@2x.png b/public/assets/imgs/home-screen/snow@2x.png
new file mode 100644
index 0000000..b8dc714
Binary files /dev/null and b/public/assets/imgs/home-screen/snow@2x.png differ
diff --git a/public/assets/imgs/show/bg_kqhz.png b/public/assets/imgs/show/bg_kqhz.png
new file mode 100644
index 0000000..fae4927
Binary files /dev/null and b/public/assets/imgs/show/bg_kqhz.png differ
diff --git a/public/assets/imgs/show/bg_xfhqj.png b/public/assets/imgs/show/bg_xfhqj.png
new file mode 100644
index 0000000..6705ea7
Binary files /dev/null and b/public/assets/imgs/show/bg_xfhqj.png differ
diff --git a/public/assets/imgs/show/icon_kqhz.png b/public/assets/imgs/show/icon_kqhz.png
new file mode 100644
index 0000000..41eb5de
Binary files /dev/null and b/public/assets/imgs/show/icon_kqhz.png differ
diff --git a/public/assets/imgs/show/icon_xfhqj.png b/public/assets/imgs/show/icon_xfhqj.png
new file mode 100644
index 0000000..f64c27e
Binary files /dev/null and b/public/assets/imgs/show/icon_xfhqj.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png
index 8de72bc..3b1a498 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind0_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png
index 08b6492..ba5cd63 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind1_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png
index bc41827..af500ef 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind2_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png
index 581084d..b8e9b45 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind3_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png
index 714bc85..189a2f8 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind4_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png
index 2b2de0f..34fb98d 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind5_shutdown@2x.png differ
diff --git a/src/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png b/src/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png
index 828f39b..1debdd8 100644
Binary files a/src/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png and b/src/assets/imgs/device-detail/normal-mode/wind6_shutdown@2x.png differ
diff --git a/src/assets/imgs/home-screen/WIFI@2x.png b/src/assets/imgs/home-screen/WIFI@2x.png
new file mode 100644
index 0000000..1295e08
Binary files /dev/null and b/src/assets/imgs/home-screen/WIFI@2x.png differ
diff --git a/src/assets/imgs/home-screen/snow@2x.png b/src/assets/imgs/home-screen/snow@2x.png
new file mode 100644
index 0000000..b8dc714
Binary files /dev/null and b/src/assets/imgs/home-screen/snow@2x.png differ
diff --git a/src/view/device-detail/device-detail.vue b/src/view/device-detail/device-detail.vue
index 537b688..8b462f7 100644
--- a/src/view/device-detail/device-detail.vue
+++ b/src/view/device-detail/device-detail.vue
@@ -26,7 +26,7 @@
             </div>
 
             <!-- 清洁度 -->
-            <div class="cleanliness" v-show="activeTab === 0">
+            <div class="cleanliness" v-show="false && activeTab === 0">
                 <div class="cleanliness-text">清洁度</div>
                 <div class="cleanliness-container">
                     <div class="cleanliness-progress" ref="cleanlinessProgress"></div>
@@ -64,7 +64,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onBeforeMount, onMounted, onActivated } from 'vue';
+import { ref, onBeforeMount, onMounted, onActivated, nextTick } from 'vue';
 import { useRouter, onBeforeRouteUpdate } from "vue-router";
 import NormalMode from './mode/normal.vue';
 import SmartMode from './mode/smart.vue';
@@ -112,18 +112,26 @@ const showWindDire = ref(true);
 const deviceType = ref();
 
 onActivated(() => {
+    // 为了刷新dom 用v-if刷新
+    activeTab.value = activeTab.value === 0? 1: 0;
     // 路由参数接收
     const query: any = router.currentRoute.value.query;
     titelName.value = query.name;
     ifRun.value = query.openFlg === 'true'? true: false;
-    activeTab.value = parseInt(query.setMode);
-    smartMode.value = parseInt(query.smartMode);
     deviceType.value = query.deviceType;
     if (query.deviceType === '4E') {
         showTabs.value = false;
         showWind.value = false;
         showWindDire.value = false;
+    } else {
+        showTabs.value = true;
+        showWind.value = true;
+        showWindDire.value = true;
     }
+    nextTick(() => {
+        activeTab.value = parseInt(query.setMode);
+        smartMode.value = parseInt(query.smartMode);
+    })
 })
 
 onMounted(() => {
@@ -131,7 +139,6 @@ onMounted(() => {
         cleanlinessProgress.value.style.background = (cleanliness.value < 100 / 2)? '#D65659': '#278958';
         cleanlinessProgress.value.style.width = `${cleanliness.value}%`;
     }
-
     if (cleanlinessReminder.value) {
         let cleanlinessReminderColor = '';
         if (isClean.value === 0 && (cleanliness.value < 100 / 2)) {
diff --git a/src/view/device-detail/mode/wind-dire-dic.ts b/src/view/device-detail/mode/wind-dire-dic.ts
new file mode 100644
index 0000000..b5997ee
--- /dev/null
+++ b/src/view/device-detail/mode/wind-dire-dic.ts
@@ -0,0 +1,9 @@
+/**
+ * 风向字典
+ */
+
+const WindDireOptions = [
+    {}
+];
+
+export {};
\ No newline at end of file
diff --git a/src/view/tabs/device-control.vue b/src/view/tabs/device-control.vue
index dd4eff9..4d207f9 100644
--- a/src/view/tabs/device-control.vue
+++ b/src/view/tabs/device-control.vue
@@ -119,9 +119,9 @@ onMounted(() => {
             openFlg: true,
             deviceType: '02',
             self_clean: 0,
-            statusArr: ['25', '68'],
+            statusArr: ['23', '56'],
             unitArr: ['℃', '%'],
-            airQuality: '良',
+            airQuality: '优',
             setMode: 0,
             smartMode: SmartModeEnum.COLD,
         }
diff --git a/src/view/tabs/home-screen.vue b/src/view/tabs/home-screen.vue
index 738dd9b..0b3360c 100644
--- a/src/view/tabs/home-screen.vue
+++ b/src/view/tabs/home-screen.vue
@@ -1,5 +1,16 @@
 <template>
     <div id="home-screen-wrapper">
+        <div class="nav-top">
+            <div class="wifi-icon">
+                <img src="@/assets/imgs/home-screen/WIFI@2x.png" alt="">
+            </div>
+            <div class="weather">雪天</div>
+            <div class="temp">-26℃</div>
+        </div>
+        <div class="content">
+            <div class="content-left"></div>
+            <div class="content-right"></div>
+        </div>
         <div class="ceshi">
             <img id="imgs" src="" width="100%">
         </div>
@@ -7,7 +18,6 @@
 </template>
 
 <script lang="ts" setup>
-import { time } from 'console';
 import { ref, onMounted } from 'vue';
 
 const aniImgs: any = ref([]);
@@ -51,7 +61,35 @@ const change = () => {
 #home-screen-wrapper {
     width: 100vh;
     height: 100vh;
-    background: rgb(15, 188, 102);
+    background: url('@/assets/imgs/home-screen/snow@2x.png') no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden;
+
+    .nav-top {
+        display: flex;
+        align-items: center;
+        color: #FFF;
+        margin-top: 12px;
+
+        .wifi-icon {
+            margin-left: 24px;
+
+            img {
+                width: 28px;
+                height: 28px;
+            }
+        }
+
+        .weather {
+            font-size: 24px;
+            margin-left: 16px;
+        }
+
+        .temp {
+            font-size: 26px;
+            margin-left: 16px;
+        }
+    }
 
     .ceshi {
         width: 100vw;