解决跳转归来的时候，转圈动画抖动问题

huaxin-web/src/views/bigWindow/Ind/components/Rotate.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2025-12-16 11:10:26
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-01-15 14:29:16
+ * @LastEditTime: 2026-02-24 11:13:43
  * @FilePath: /test-ranqi/src/views/Rotate.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -78,6 +78,9 @@ export default {
   mounted() {
     this.rotate();
   },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  },
   methods: {
     rotate() {
       this.timer = setInterval(() => {
@@ -222,7 +225,8 @@ export default {
     border-radius: 50%;
     // border: 1px solid red;
     // border-top-color: black;
-    background: url("~@/assets/bigwindowImg/rotate/bottomC.png") center no-repeat;
+    background: url("~@/assets/bigwindowImg/rotate/bottomC.png") center
+      no-repeat;
     background-size: 100% 100%;
     transform: rotateX(90deg) translateZ(250px);
   }
@@ -250,7 +254,8 @@ export default {
     // border-radius: 50%;
     // border: 1px solid red;
     // border-top-color: black;
-    background: url("~@/assets/bigwindowImg/rotate/circleBg.png") center no-repeat;
+    background: url("~@/assets/bigwindowImg/rotate/circleBg.png") center
+      no-repeat;
     background-size: 100% 100%;
     transform: rotateX(90deg) translateZ(250px);
   }