a

src/App.vue

@@ -1,7 +1,21 @@
 <template>
+  <BgMusic />
+
   <router-view />
 </template>
 
+<script>
+import BgMusic from '@/components/BackPage.vue'
+
+export default {
+  setup() {
+    return {
+      BgMusic
+    }
+  }
+}
+</script>
+
 <style>
 html,
 body,
@@ -10,6 +24,6 @@ body,
   padding: 0;
   margin: 0;
   /* background: #7CD2FF; */
-  background-image: linear-gradient(0deg, #7CD2FF 0, #7CD2FF 50%, #8AC9F3)
+  background-image: linear-gradient(0deg, #7cd2ff 0, #7cd2ff 50%, #8ac9f3);
 }
 </style>

src/pages/homePage.vue

@@ -2,7 +2,6 @@
 <template>
   <div>
     <BackPage>
-      <BgMusic />
       <div class="TitleBox">
         <img :src="gameTitle" />
       </div>
@@ -20,7 +19,6 @@ import backHome from '@/assets/BackImage/backHome.jpg'
 import gameTitle from '@/assets/BackImage/首页大标.png'
 import gameSatrt from '@/assets/ButtonImage/开始游戏.png'
 import gameRule from '@/assets/ButtonImage/游戏规则.png'
-import BgMusic from '@/components/BackPage.vue'
 import { gameStart } from '@/utils/api.js'
 
 export default {
@@ -50,8 +48,7 @@ export default {
       gameSatrt,
       gameRule,
       gameTitle,
-      goRule,
-      BgMusic
+      goRule
     }
   }
 }