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 | 25 +++++++++++++++++++++---- 1 files changed, 21 insertions(+), 4 deletions(-) diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue index 0f8f339..04cfdc4 100644 --- a/src/components/layouts/baseLayout.vue +++ b/src/components/layouts/baseLayout.vue @@ -12,7 +12,12 @@ <a-layout-footer> <AplayerBox /> <tagFooter /> - <MyVideo ref="MyVideo" /> + <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> @@ -36,12 +41,24 @@ }, data() { return { - + miniVideoPlayData: null, + showMiniBox: false } }, methods: { - showMyVideo() { - this.$refs.MyVideo.showModal(); + 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() { -- Gitblit v1.9.1