mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-16 14:26:43 +08:00
Merge branch '250220-pre-126-177-gx' into master_1202
# Conflicts: # src/views/portal/case/Index.vue # src/views/study/Courses.vue
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
|
||||
<div>
|
||||
<el-tabs v-model="tabName" @tab-click="handleTabClick">
|
||||
<el-tabs style="width: 100%;" v-model="tabName" @tab-click="handleTabClick">
|
||||
<el-tab-pane label="报名管理" name="second">
|
||||
<!-- <div>已报名{{study.list.length}}人,共有0人报名未成功,共有{{study.list.length}}人通过审核</div> -->
|
||||
<el-row style="margin: 20px 0;" :gutter="20">
|
||||
@@ -863,4 +863,19 @@ export default {
|
||||
height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.el-tabs__nav-wrap::after {
|
||||
display: none; /* 隐藏滚动条轨道 */
|
||||
}
|
||||
|
||||
.el-tabs__nav-scroll {
|
||||
overflow: hidden; /* 隐藏滚动条滑块 */
|
||||
}
|
||||
|
||||
/* 隐藏垂直滚动条 */
|
||||
.el-table .el-table__body-wrapper::-webkit-scrollbar {
|
||||
display: none; /* Chrome, Safari, Opera*/
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@@ -18,7 +18,6 @@
|
||||
@keydown.right.prevent="forwardCurrentTime"
|
||||
@keydown.up.prevent="increaseVolume"
|
||||
@keydown.down.prevent="lowerVolume"
|
||||
@keydown.esc.prevent="toggleFullScreen"
|
||||
tabindex="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
@@ -385,9 +384,26 @@ export default {
|
||||
console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||
})
|
||||
// 监听全屏事件的变化,保存数据
|
||||
window.addEventListener("fullscreenchange", () => {
|
||||
window.addEventListener("F", () => {
|
||||
this.isFullscreen = this.isFullScreen();
|
||||
});
|
||||
document.addEventListener('fullscreenchange',this.handleFullscreenChange);
|
||||
document.addEventListener('webkitfullscreenchange',this.handleFullscreenChange );
|
||||
// this.videoDom.addEventListener('keydown', function(e){
|
||||
// //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||
// console.log("video is exit");
|
||||
// if(e.key === "Escape"){
|
||||
// console.log("按键 退出全屏 执行")
|
||||
// }
|
||||
// })
|
||||
|
||||
// this.videoDom.addEventListener("keydown", (e) => {
|
||||
// console.log("是否监听到");
|
||||
// if(e.keyCode == 27){
|
||||
// console.log("是否监听到 esc");
|
||||
// this.toggleFullScreen();
|
||||
// }
|
||||
// });
|
||||
},
|
||||
methods: {
|
||||
//当视频由于需要缓冲下一帧而停止,解决一直计时的问题
|
||||
@@ -540,6 +556,7 @@ export default {
|
||||
/* 切换“全屏”和“非全屏”模式
|
||||
*/
|
||||
toggleFullScreen() {
|
||||
console.log("toggleFullScreen 执行 ",this.isFullScreen())
|
||||
let element = this.$refs.area;
|
||||
if (!this.isFullScreen()) {
|
||||
if (element.requestFullscreen) {
|
||||
@@ -596,6 +613,24 @@ export default {
|
||||
const currentTime = this.$refs.video.currentTime;
|
||||
this.$emit('onTimeUpdate', currentTime);
|
||||
},
|
||||
/**
|
||||
* 监听全屏变化
|
||||
*/
|
||||
handleFullscreenChange() {
|
||||
console.log("handleFullscreenChange gx this.isFullScreen()",this.isFullScreen())
|
||||
console.log("handleFullscreenChange gx this.isFullscreen",this.isFullscreen)
|
||||
|
||||
if(this.isFullscreen){
|
||||
this.isFullscreen = !!document.fullscreenElement;
|
||||
if (!this.isFullscreen) {
|
||||
// 退出全屏后的逻辑(如暂停视频、更新 UI 等)
|
||||
console.log('ESC 已退出全屏 handleFullscreenChange',this.isFullscreen);
|
||||
this.$emit('onFullscreen',false);//全屏
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
currentVolume: function () {
|
||||
|
||||
@@ -92,7 +92,7 @@ export default {
|
||||
|
||||
this.$emit("updateProgress", current);
|
||||
// }
|
||||
|
||||
|
||||
},
|
||||
move(e) {
|
||||
if (this.is_mousedown_progress) {
|
||||
@@ -124,7 +124,7 @@ export default {
|
||||
// 禁止拖动
|
||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||
this.$emit("updateProgress", current);
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
@@ -176,4 +176,4 @@ export default {
|
||||
.progress-bar:hover .progress-current::after {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user