ソースを参照

up-pc开始导览增加返回功能(赞同音频)

shaogen1995 1 年間 前
コミット
5cbdc67a13
3 ファイル変更26 行追加3 行削除
  1. 5 3
      src/App.tsx
  2. 9 0
      src/pages/A1Home/index.module.scss
  3. 12 0
      src/pages/A1Home/index.tsx

+ 5 - 3
src/App.tsx

@@ -28,9 +28,11 @@ export default function App() {
   );
 
   useEffect(() => {
-    if (overallAudio) {
-      const dom = overallAudioRef.current;
-      if (dom) dom.play();
+    const dom = overallAudioRef.current;
+
+    if (dom) {
+      if (overallAudio) dom.play();
+      else dom.pause();
     }
   }, [overallAudio]);
 

+ 9 - 0
src/pages/A1Home/index.module.scss

@@ -5,6 +5,15 @@
 
   :global {
 
+    .audioBack{
+      cursor: pointer;
+      position: absolute;
+      top: 50px;
+      left: 40px;
+      z-index: 3;
+      width: 40px;
+    }
+
     .homeAudioPlay {
       position: absolute;
       z-index: 10;

+ 12 - 0
src/pages/A1Home/index.tsx

@@ -5,6 +5,7 @@ import history from "@/utils/history";
 import { useSelector } from "react-redux";
 import store, { RootState } from "@/store";
 import classNames from "classnames";
+import backImg from "@/assets/img/back.png";
 
 const rightList = [
   { id: 1, name: "线上展厅" },
@@ -32,6 +33,17 @@ function A1Home() {
       className={styles.A1Home}
       style={{ backgroundImage: `url(${baseURL}/Home/pc/bac.jpg)` }}
     >
+      {/* 返回按钮 */}
+      <div
+        className="audioBack"
+        hidden={!overallAudio}
+        onClick={() =>
+          store.dispatch({ type: "layout/playAudio", payload: false })
+        }
+      >
+        <img src={backImg} alt="" />
+      </div>
+
       {/* 开始按钮 */}
       <div
         hidden={overallAudio}