音乐

src/core/components/MusicBtn/MusicBtn.tsx

@@ -9,8 +9,8 @@ export interface IMusicBtnProps extends HTMLAttributes<HTMLDivElement> {
   disable?: string;
 }
 
-import musicClose from "@/assets/common/music_close.png";
-import musicOpen from "@/assets/common/music_open.png";
+import musicClose from "@/assets/homePage/musicoff.png";
+import musicOpen from "@/assets/homePage/musicon.png";
 
 @observer
 class MusicBtn extends React.Component<IMusicBtnProps> {

src/pages/HomePage/HomePage.less

@@ -130,7 +130,7 @@
     left: 684px;
     top: 155px;
     position: absolute;
-    .sparkBg("homePage/musicon.png");
+    // .sparkBg("homePage/musicon.png");
   }
   .musicf {
     width: 41px;
@@ -138,7 +138,7 @@
     left: 691px;
     top: 162px;
     position: absolute;
-    .sparkBg("homePage/musicoff.png");
+    // .sparkBg("homePage/musicoff.png");
   }
   .mainbtn {
     width: 474px;

src/pages/HomePage/HomePage.tsx

@@ -13,6 +13,7 @@ import PrizePanel from "@/panels/PrizePanel/PrizePanel.tsx";
 import RulePanel from "@/panels/RulePanel/RulePanel.tsx";
 import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
 import GamePage from "@/pages/GamePage/GamePage.tsx";
+import musicStore from '@/store/musicStore';
 
 @observer
 class HomePage extends React.Component<any, any> {
@@ -67,8 +68,9 @@ class HomePage extends React.Component<any, any> {
       <span className="title"></span>
       <span className="prizebtn"></span>
       <span className="rulebtn"></span>
-      <span className="musicon"></span>
-      <span className="musicf"></span>
+      {/* <span className="musicon"></span>
+      <span className="musicf"></span> */}
+      <MusicBtn className={`${musicStore.mute ? 'musicf' : 'musicon'}`}></MusicBtn>
       <div className="mainbtn">
         <span className="mainimg"></span>
         <span className="mainnum">剩余次数：3</span>