feat:右侧全屏后添加暂停播放按钮

wuyanfu
guangyin 2023-05-19 16:28:34 +08:00
parent ab8f893edc
commit 3d3871d14c
4 changed files with 31 additions and 2 deletions

View File

@ -3133,3 +3133,4 @@ svg.loading-icon {
padding: 0 12px;
}

View File

@ -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"

View File

@ -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;

View File

@ -361,7 +361,10 @@ export default class OverViewComponent extends BaseComponent {
this.currentEvent = null;
}
}
//暂停继续
playAction(type){
console.log(type)
}
deactivated(){
//
}