From af029bdfb645bd2b75fbab687c1a5f45b428d801 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 11 Aug 2022 18:53:48 +0800
Subject: [PATCH] 优化上传逻辑,月台添加mini播放弹窗
---
src/components/layouts/baseLayout.vue | 28 +++++++++++++++++++++++++---
1 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue
index 55dbd69..04cfdc4 100644
--- a/src/components/layouts/baseLayout.vue
+++ b/src/components/layouts/baseLayout.vue
@@ -6,12 +6,18 @@
</a-layout-header>
<keep-alive>
- <router-view></router-view>
+ <router-view @showMyVideo="showMyVideo"></router-view>
</keep-alive>
-
+
<a-layout-footer>
<AplayerBox />
<tagFooter />
+ <MyVideo ref="MyVideo" />
+ <a-button v-if="miniVideoPlayData!=null" class="fadeInRight"
+ style="position: fixed;right: 0px;bottom: 120px;" @click="showMyVideo(miniVideoPlayData)">
+ 视频盒子
+ <a-icon type="youtube" />
+ </a-button>
</a-layout-footer>
<a-back-top>
@@ -25,19 +31,35 @@
import tagHeader from "../fixed/header.vue"
import tagFooter from "../fixed/footer.vue"
import AplayerBox from "../mini/Aplayer.vue"
+ import MyVideo from "../group/MyVideo.vue"
export default {
components: {
tagHeader,
tagFooter,
AplayerBox,
+ MyVideo,
},
data() {
return {
-
+ miniVideoPlayData: null,
+ showMiniBox: false
}
},
methods: {
+ showMyVideo(param) {
+ this.miniVideoPlayData = param;
+ console.log("开启mini盒子");
+
+ this.$refs.MyVideo.showModal(param);
+ if (!this.showMiniBox) {
+ this.$notification.info({
+ message: '这里是盒子的最小化啦..',
+ placement: 'bottomRight',
+ });
+ this.showMiniBox = true;
+ }
+ },
// 下载文件
down: function() {
console.log(111);
--
Gitblit v1.9.1