update：优化特效

src/pages/device/my-device.vue

@@ -2,6 +2,7 @@
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
+import DeviceOnlineEffects from "@/components/DeviceOnlineEffects.vue";
 import Header from "@/components/Header.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import ModalDialog from "@/components/ModalDialog.vue";
@@ -510,10 +511,17 @@ onShow(async () => {
           src="../../static/home-device/device-platform.png"
           mode="widthFix"
         />
+        <DeviceOnlineEffects
+          v-if="isDeviceOnline"
+          variant="detail"
+        />
         <image
           class="device-bow"
-          src="../../static/home-device/device-bow.png"
-          mode="widthFix"
+          :class="{ 'device-bow--online': isDeviceOnline }"
+          :src="isDeviceOnline
+            ? '../../static/home-device/device-bow--online.png'
+            : '../../static/home-device/device-bow.png'"
+          :mode="isDeviceOnline ? 'aspectFit' : 'widthFix'"
         />
       </view>
 
@@ -948,7 +956,7 @@ onShow(async () => {
     transform: translateY(0);
   }
   50% {
-    transform: translateY(-10rpx);
+    transform: translateY(-20rpx);
   }
 }
 
@@ -956,6 +964,7 @@ onShow(async () => {
   position: absolute;
   top: 214rpx;
   left: 50%;
+  z-index: 1;
   width: 750rpx;
   transform: translateX(-50%);
 }
@@ -964,10 +973,15 @@ onShow(async () => {
   position: absolute;
   top: 0;
   left: 50%;
+  z-index: 4;
   width: 562rpx;
   transform: translateX(-50%);
 }
 
+.device-bow--online {
+  height: 466rpx;
+}
+
 .device-heading {
   position: relative;
   z-index: 2;