From 3d3871d14ce3f4906597b22c630658ef312e8c96 Mon Sep 17 00:00:00 2001
From: guangyin <guangyin@hanbangtang.com>
Date: Fri, 19 May 2023 16:28:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=8F=B3=E4=BE=A7=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E5=90=8E=E6=B7=BB=E5=8A=A0=E6=9A=82=E5=81=9C=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/pageCommon.component.scss |  1 +
 src/views/overview.component.html          |  6 +++++-
 src/views/overview.component.scss          | 21 +++++++++++++++++++++
 src/views/overview.component.ts            |  5 ++++-
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/assets/style/pageCommon.component.scss b/src/assets/style/pageCommon.component.scss
index 8f30ea3..fad0bfa 100644
--- a/src/assets/style/pageCommon.component.scss
+++ b/src/assets/style/pageCommon.component.scss
@@ -3133,3 +3133,4 @@ svg.loading-icon {
   padding: 0 12px;
 
 }
+
diff --git a/src/views/overview.component.html b/src/views/overview.component.html
index 526cef1..692f9ab 100644
--- a/src/views/overview.component.html
+++ b/src/views/overview.component.html
@@ -60,8 +60,12 @@
         <div class="top-btn" @click="toggleAllPanel">
             <i class="el-icon-close">退出自由导览</i>
         </div>
-    </div>
 
+    </div>
+    <div :style="{right:!hideAllPanel?'-90px':0}" class="right-control">
+        <div @click="playAction('play')" class="play-btn"><i class="el-icon-video-pause"></i><span>暂停</span></div>
+        <div @click="playAction('pause')" class="play-btn"><i class="el-icon-video-play"></i><span>继续</span></div>
+    </div>
 
     <!--    大号弹窗组件-->
     <PermitPopUpComponent :title="bigPopTitle" :dialogVisibleForBigPop.sync="dialogVisibleForBigPop"
diff --git a/src/views/overview.component.scss b/src/views/overview.component.scss
index c1710ce..9196730 100644
--- a/src/views/overview.component.scss
+++ b/src/views/overview.component.scss
@@ -91,6 +91,27 @@
       cursor: pointer;
     }
   }
+  .right-control{
+    width: 90px;
+    position: absolute;
+    top: 0;
+    z-index: 9;
+    pointer-events: none;
+    height: 100%;
+    text-align: center;
+
+    transition:right 2s;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .play-btn{
+      background: rgba(51, 51, 51, 0.44);
+      padding: 20px 0;
+      margin-bottom: 10px;
+      pointer-events: auto;
+      cursor: pointer;
+    }
+  }
   .fixed-btn {
     width: 50px;
     height: 50px;
diff --git a/src/views/overview.component.ts b/src/views/overview.component.ts
index aef5d82..fc0e132 100644
--- a/src/views/overview.component.ts
+++ b/src/views/overview.component.ts
@@ -361,7 +361,10 @@ export default class OverViewComponent extends BaseComponent {
             this.currentEvent = null;
         }
     }
-
+    //暂停继续
+    playAction(type){
+        console.log(type)
+    }
     deactivated(){
         //
     }