feat: drift music & catch

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224112221.html

@@ -15,6 +15,6 @@
 
 <ion-content [fullscreen]="true">
   <ion-avatar slot="start" >
-    <img src="/assets/img/漂流瓶.jpg"  >
+    <img src="assets/img/漂流瓶.jpg"  >
   </ion-avatar>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224112417.html

@@ -15,6 +15,6 @@
 
 <ion-content [fullscreen]="true">
   <ion-avatar slot="start" >
-    <img src="/assets/img/漂流瓶.jpg"  >
+    <img src="assets/img/漂流瓶.jpg"  >
   </ion-avatar>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113239.html

@@ -15,6 +15,6 @@
 
 <ion-content [fullscreen]="true">
   <div class="full-screen-image">
-    <img src="/assets/images/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/images/漂流瓶.jpg" alt="漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113349.html

@@ -15,6 +15,6 @@
 
 <ion-content [fullscreen]="true">
   <div class="full-screen-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113401.html

@@ -2,6 +2,6 @@
 
 <ion-content [fullscreen]="true">
   <div class="full-screen-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113628.html

@@ -1,5 +1,5 @@
 <ion-content [fullscreen]="true">
   <div class="full-screen-image">
-    <img src="/assets/images/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/images/漂流瓶.jpg" alt="漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113708.html

@@ -1,5 +1,5 @@
 <ion-content [fullscreen]="true">
   <div class="full-screen-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224115925.html

@@ -1,6 +1,6 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/images/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/images/漂流瓶.jpg" alt="漂流瓶">
   </div>
   <!-- 其他内容可以放在这里 -->
   <div class="content-container">

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224115939.html

@@ -1,6 +1,6 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   <!-- 其他内容可以放在这里 -->
   <div class="content-container">

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224150311.html

@@ -1,15 +1,15 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔漂流瓶.png" alt="扔漂流瓶">
+    <img src="assets/img/扔漂流瓶.png" alt="扔漂流瓶">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞漂流瓶.png" alt="捞漂流瓶">
+    <img src="assets/img/捞漂流瓶.png" alt="捞漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224151440.html

@@ -1,15 +1,15 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224151729.html

@@ -1,15 +1,15 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224152343.html

@@ -1,6 +1,6 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     <div class="wave wave1"></div>
     <div class="wave wave2"></div>
     <div class="wave wave3"></div>
@@ -8,11 +8,11 @@
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224152458.html

@@ -1,16 +1,16 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224153646.html

@@ -1,16 +1,16 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" (click)="addRipple($event)">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224155308.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" (click)="addRipple($event)">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio #backgroundAudio autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224160005.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" (click)="addRipple($event)">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio  id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224161152.ts

@@ -14,24 +14,24 @@ import { Router } from '@angular/router';
 
     <ion-content [fullscreen]="true">
       <div class="top-image" (click)="addRipple($event)">
-        <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+        <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
       </div>
       
       <!-- 其他内容可以放在这里 -->
       
       <!-- 左边的按钮 -->
       <div class="button-container left-button">
-        <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+        <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
       </div>
 
       <!-- 右边的按钮 -->
       <div class="button-container right-button">
-        <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+        <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
       </div>
 
       <!-- 背景音乐 -->
       <audio #backgroundAudio id="backgroundAudio" autoplay loop>
-        <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+        <source src="assets/audio/海浪.mp3" type="audio/mpeg">
         Your browser does not support the audio element.
       </audio>
     </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224161310.ts

@@ -9,24 +9,24 @@ import { Router } from '@angular/router';
     
     <ion-content [fullscreen]="true">
       <div class="top-image" (click)="addRipple($event)">
-        <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+        <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
       </div>
       
       <!-- 其他内容可以放在这里 -->
       
       <!-- 左边的按钮 -->
       <div class="button-container left-button">
-        <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+        <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
       </div>
 
       <!-- 右边的按钮 -->
       <div class="button-container right-button">
-        <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+        <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
       </div>
 
       <!-- 背景音乐 -->
       <audio #backgroundAudio id="backgroundAudio" autoplay loop>
-        <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+        <source src="assets/audio/海浪.mp3" type="audio/mpeg">
         Your browser does not support the audio element.
       </audio>
     </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224161542.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio  id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224171837.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwdriftbottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio  id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224174155.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwdriftbottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224175803.html

@@ -1,22 +1,22 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224205251.html

@@ -1,26 +1,26 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
-    <img src="/assets/img/我的瓶子.png" alt="我的漂流瓶" class="circular-button">
+    <img src="assets/img/我的瓶子.png" alt="我的漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224205402.html

@@ -1,26 +1,26 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
-    <img src="/assets/img/我的瓶子.png" alt="我的漂流瓶" class="circular-button">
+    <img src="assets/img/我的瓶子.png" alt="我的漂流瓶" class="circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224210024.html

@@ -1,26 +1,26 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
-    <img src="/assets/img/我的瓶子.png" alt="我的漂流瓶" class="class="small-circular-button">
+    <img src="assets/img/我的瓶子.png" alt="我的漂流瓶" class="class="small-circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224210045.html

@@ -1,26 +1,26 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
-    <img src="/assets/img/我的瓶子.png" alt="我的漂流瓶" class="small-circular-button">
+    <img src="assets/img/我的瓶子.png" alt="我的漂流瓶" class="small-circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224210625.html

@@ -1,26 +1,26 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
-    <img src="/assets/img/我的瓶子.jpg" alt="我的漂流瓶" class="small-circular-button">
+    <img src="assets/img/我的瓶子.jpg" alt="我的漂流瓶" class="small-circular-button">
   </div>
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224211351.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224211547.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224211702.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224211757.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224211813.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224212022.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224213544.html

@@ -1,12 +1,12 @@
 <ion-content [fullscreen]="true">
   <div class="top-image" >
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
     
   </div>
   <!-- 其他内容可以放在这里 -->
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" >
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button" >
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
    <!-- 背景音乐 -->
    <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 </ion-content>

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224222314.html

@@ -1,12 +1,12 @@
 <!-- drift-bottle.component.html -->
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button" (click)="catchDriftBottle()">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button" (click)="catchDriftBottle()">
   </div>
 
   <!-- 背景音乐 -->
   <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224222429.html

@@ -1,12 +1,12 @@
 <!-- drift-bottle.component.html -->
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button">
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button"  (click)="catchDriftBottle()">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
   <!-- 背景音乐 -->
   <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224223756.html

@@ -1,12 +1,12 @@
 <!-- drift-bottle.component.html -->
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" (click)="goMydriftbottle()">
@@ -17,12 +17,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button"  (click)="catchDriftBottle()">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
   <!-- 背景音乐 -->
   <audio id="backgroundAudio" autoplay loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241227171106.html

@@ -1,11 +1,11 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" (click)="goMydriftbottle()">
@@ -16,12 +16,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button" (click)="catchDriftBottle()">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
   <!-- 背景音乐 -->
   <audio id="backgroundAudio" loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241227181813.html

@@ -1,11 +1,11 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" (click)="goMydriftbottle()">
@@ -16,12 +16,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button" (click)="catchDriftBottle()">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
   <!-- 背景音乐 -->
   <audio id="backgroundAudio" loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

.history/soul-app/src/app/tab1/tab1.page_20241210113940.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217154644.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217154659.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217161348.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217161419.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217161441.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217161528.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217161745.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217162053.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217162357.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217163018.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217164037.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217164526.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217164542.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217164738.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217170832.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217170837.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217171412.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217171434.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241217171521.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

.history/soul-app/src/app/tab1/tab1.page_20241224093034.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->

soul-app/src/app/drift-bottle/drift-bottle.component.html

@@ -1,11 +1,11 @@
 <ion-content [fullscreen]="true">
   <div class="top-image">
-    <img src="/assets/img/漂流瓶.jpg" alt="漂流瓶">
+    <img src="assets/img/漂流瓶.jpg" alt="漂流瓶">
   </div>
   
   <!-- 左边的按钮 -->
   <div class="button-container left-button" (click)="throwDriftBottleModal()">
-    <img src="/assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
+    <img src="assets/img/扔一个.png" alt="扔漂流瓶" class="circular-button">
   </div>
 
   <div class="button-container middle-button" (click)="goMydriftbottle()">
@@ -16,12 +16,12 @@
 
   <!-- 右边的按钮 -->
   <div class="button-container right-button" (click)="catchDriftBottle()">
-    <img src="/assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
+    <img src="assets/img/捞一个.png" alt="捞漂流瓶" class="circular-button">
   </div>
 
   <!-- 背景音乐 -->
-  <audio id="backgroundAudio" loop>
-    <source src="/assets/audio/海浪.mp3" type="audio/mpeg">
+  <audio #backgroundAudio loop autoplay>
+    <source src="assets/audio/海浪.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
   </audio>
 

soul-app/src/app/drift-bottle/drift-bottle.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, OnDestroy, Renderer2, ElementRef, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { IonicModule } from '@ionic/angular';
 import { openThrowDriftBottleModal } from '../throw-drift-bottle/throw-drift-bottle.component';
 import { ModalController } from '@ionic/angular/standalone';
@@ -28,24 +28,39 @@ export class DriftBottleComponent implements OnInit, OnDestroy {
   constructor(
     private router: Router,
     private modalCtrl: ModalController,
+    private route:ActivatedRoute,
     private http: HttpClient,
     private renderer: Renderer2,
     private userService: UserService // 注入用户服务
   ) {}
 
   ngOnInit() {
-    if (this.audioElement && this.audioElement.nativeElement) {
-      const audio = this.audioElement.nativeElement;
-      audio.loop = true;
-      audio.play().catch(error => {
-        console.error('Failed to play audio:', error);
-      });
-    } else {
-      console.warn('Audio element not found');
-    }
+
+    this.route.params.subscribe(data=>{
+        if (this.audioElement && this.audioElement.nativeElement) {
+          const audio = this.audioElement.nativeElement;
+        audio.loop = true;
+        audio.play().catch((error:any) => {
+          console.error('Failed to play audio:', error);
+        });
+      } else {
+        console.warn('Audio element not found');
+      }
+
+      let listenLeaveInt = setInterval(() => {
+        let isLeave = location.pathname?.indexOf("drift-bottle")==-1
+        if(isLeave){
+          this.stop()
+          clearInterval(listenLeaveInt);
+        }
+      }, 500);
+    })
   }
 
   ngOnDestroy() {
+    this.stop()
+  }
+  stop(){
     if (this.audioElement && this.audioElement.nativeElement) {
       const audio = this.audioElement.nativeElement;
       audio.pause();
@@ -63,7 +78,7 @@ export class DriftBottleComponent implements OnInit, OnDestroy {
 //点击捞一个时，随机打捞一个状态为漂流中的漂流瓶，将其状态（status）改为被打捞，打捞时间（catchtime）改为当前时间，打捞者（catcher）改为该用户的username
 //如果打捞成功，则在页面中间显示“打捞成功！快去看看吧！”，如果数据库中没有状态为drifting的漂流瓶，则打捞失败，在页面中间显示“没捞着哭哭~”
   catchDriftBottle() {
-    const query = new CloudQuery("DriftBottle");
+    const query = new CloudQuery("Driftbottle");
     query.equalTo("status", "drifting");
 
     query.find().then((driftingBottles: any[]) => {

soul-app/src/app/tab1/tab1.page.html

@@ -3,7 +3,7 @@
     <ion-item lines="none">
       <!-- 图片 -->
       <ion-avatar slot="start" class="image-container">
-        <img src="/assets/img/3.png" alt="Your Image" class="header-image">
+        <img src="assets/img/3.png" alt="Your Image" class="header-image">
       </ion-avatar>
  
       <!-- 搜索框 -->