diff --git a/components/layout/AiDvWrapper/AiDvWrapper.vue b/components/layout/AiDvWrapper/AiDvWrapper.vue
index 3518d4e4..575a4150 100644
--- a/components/layout/AiDvWrapper/AiDvWrapper.vue
+++ b/components/layout/AiDvWrapper/AiDvWrapper.vue
@@ -21,14 +21,13 @@
 
 <script>
 import {fullScreenContainer} from '@jiaminghi/data-view'
-import AiSprite from "../../AiSprite";
 import Classic from "./layout/classic";
 import Vue from "vue"
 import Primary from "./layout/primary";
 
 export default {
   name: "AiDvWrapper",
-  components: {Primary, Classic, AiSprite},
+  components: {Primary, Classic},
   model: {
     prop: 'value',
     event: 'change'
diff --git a/components/layout/AiDvWrapper/layout/classic.vue b/components/layout/AiDvWrapper/layout/classic.vue
index 6939b28c..e1bb3797 100644
--- a/components/layout/AiDvWrapper/layout/classic.vue
+++ b/components/layout/AiDvWrapper/layout/classic.vue
@@ -39,9 +39,10 @@
 
 <script>
 import RightTopBorder from "../rightTopBorder";
+import AiSprite from "../../../AiSprite";
 export default {
   name: "classic",
-  components: {RightTopBorder},
+  components: {AiSprite, RightTopBorder},
   props: {
     title: String,
     views: {default: () => []},
diff --git a/components/layout/AiDvWrapper/layout/primary.vue b/components/layout/AiDvWrapper/layout/primary.vue
index 8eb0304a..ecfbec95 100644
--- a/components/layout/AiDvWrapper/layout/primary.vue
+++ b/components/layout/AiDvWrapper/layout/primary.vue
@@ -47,6 +47,14 @@ export default {
       current: ""
     }
   },
+  watch: {
+    active: {
+      immediate: true,
+      handler(v) {
+        if (v != this.current) this.current = this.$copy(this.active)
+      }
+    }
+  },
   methods: {
     getWeather() {
       this.$request.post("/app/weather/queryWeather").then(res => {
@@ -57,7 +65,6 @@ export default {
     }
   },
   created() {
-    this.current = this.$copy(this.active)
     // this.getWeather()
   }
 }