新增首页页面

src/page/Home/App.vue

@@ -11,7 +11,7 @@ import gsap from "gsap";
 import Loading from "@/components/Loading";
 import Index from "@/components/Index";
 import Question from "@/components/Question";
-import { bgm } from "@/plugins";
+import { createBGM } from "@/plugins";
 
 const showLoad = ref(false);
 const loadFn = (item) => {
@@ -36,7 +36,7 @@ const questionFn = (item) => {
 };
 
 onMounted(() => {
-  bgm();
+  // createBGM();
 });
 </script>
 
@@ -48,13 +48,21 @@ onMounted(() => {
 
 #musicBtn {
   @include pos(60px, 60px, 80px, 40px);
-  @include bg_pos("music-icon.png");
   z-index: 99;
 }
 
+// 音乐-on样式
+.music-on {
+  @include bg_pos("music-on.png");
+}
+
+// 音乐-off样式
+.music-off {
+  @include bg_pos("music-off.png");
+}
+
 .home {
   @include box(750px, 100vh);
-  // position: relative;
   overflow: hidden;
   margin: 0 auto;
 }