feat:右侧全屏后添加暂停播放按钮
parent
ab8f893edc
commit
3d3871d14c
|
@ -3133,3 +3133,4 @@ svg.loading-icon {
|
|||
padding: 0 12px;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -361,7 +361,10 @@ export default class OverViewComponent extends BaseComponent {
|
|||
this.currentEvent = null;
|
||||
}
|
||||
}
|
||||
|
||||
//暂停继续
|
||||
playAction(type){
|
||||
console.log(type)
|
||||
}
|
||||
deactivated(){
|
||||
//
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue