feat:右侧全屏后添加暂停播放按钮
parent
ab8f893edc
commit
3d3871d14c
|
@ -3133,3 +3133,4 @@ svg.loading-icon {
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -60,8 +60,12 @@
|
||||||
<div class="top-btn" @click="toggleAllPanel">
|
<div class="top-btn" @click="toggleAllPanel">
|
||||||
<i class="el-icon-close">退出自由导览</i>
|
<i class="el-icon-close">退出自由导览</i>
|
||||||
</div>
|
</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"
|
<PermitPopUpComponent :title="bigPopTitle" :dialogVisibleForBigPop.sync="dialogVisibleForBigPop"
|
||||||
|
|
|
@ -91,6 +91,27 @@
|
||||||
cursor: pointer;
|
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 {
|
.fixed-btn {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
|
@ -361,7 +361,10 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
this.currentEvent = null;
|
this.currentEvent = null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//暂停继续
|
||||||
|
playAction(type){
|
||||||
|
console.log(type)
|
||||||
|
}
|
||||||
deactivated(){
|
deactivated(){
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue