fix

src/pages/pg2-2/Bell.vue

@@ -11,7 +11,7 @@
         <img :class="{'bell-ani': animate}" src="/images/pg1/bell.png" alt="">
       </div>
     </div>
-    <audio ref="el" src="/audio/audio2.mp3" style="max-width: 0" loop preload="auto"></audio>
+    <audio ref="el" src="/audio/audio2.mp3" style="max-width: 0" loop preload="auto" ></audio>
   </div>
 </template>
 
@@ -40,6 +40,7 @@
 
     //
     el.value.play();
+    animate.value = true;
   });
 
 </script>

src/pages/pg2-2/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page pg-bg pg2-2">
     <GoBack class="goback abs" style="z-index: 100" @click="router.go(-1)" />
+    <Bell class="bell" />
     <div class="bk-pd content" >
       <Animate
         class="txt"
@@ -132,7 +133,7 @@
 <script setup>
 import { onBeforeUnmount, onMounted, ref } from "vue";
 import { Splide, SplideSlide, SplideTrack } from "@splidejs/vue-splide";
-import Bell from "@/components/Bell.vue";
+import Bell from "./Bell.vue";
 import Btn from "@/components/Btn.vue";
 import Animate from "@/components/Animate.vue";
 import GoBack from "@/components/GoBack.vue";
@@ -165,6 +166,11 @@ const onSlideChange = (slide, newIndex) => {
 .pg2-2 {
   position: relative;
   height: 100vh;
+  .bell{
+    position: absolute;
+    right: 24px;
+    top:24px;
+  }
   .content {
     text-align: center;
   }