From 1cf6d9fb8cf2f10e302509f033d8d55b4e60712c Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 14 Aug 2022 01:45:42 +0800 Subject: [PATCH] 优化友链布局,月台窗口自适应,处理hls取消后仍然缓存问题 --- src/components/layouts/baseLayout.vue | 34 ++++++++++++++++++++++++++++++---- 1 files changed, 30 insertions(+), 4 deletions(-) diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue index 0f8f339..f5b0b62 100644 --- a/src/components/layouts/baseLayout.vue +++ b/src/components/layouts/baseLayout.vue @@ -12,7 +12,13 @@ <a-layout-footer> <AplayerBox /> <tagFooter /> - <MyVideo ref="MyVideo" /> + <MyVideo ref="MyVideo" @closeMyVideo="closeMyVideo" /> + + <a-button v-if="miniVideoPlayData!=null && showMiniBox" class="fadeInRight" + style="position: fixed;right: 0px;bottom: 130px;" @click="showMyVideo(miniVideoPlayData)"> + {{miniBoxContent}} + <a-icon type="youtube" style="transform: scale(1.5);" /> + </a-button> </a-layout-footer> <a-back-top> @@ -23,6 +29,8 @@ </template> <script> + // Dplayer Api地址 + // http://dplayer.js.org/ import tagHeader from "../fixed/header.vue" import tagFooter from "../fixed/footer.vue" import AplayerBox from "../mini/Aplayer.vue" @@ -36,12 +44,30 @@ }, data() { return { - + miniVideoPlayData: null, + firstQuery: true, + showMiniBox: false, + miniBoxContent: "视频盒子", } }, methods: { - showMyVideo() { - this.$refs.MyVideo.showModal(); + showMyVideo(param) { + this.miniVideoPlayData = param; + this.$refs.MyVideo.showModal(param); + }, + closeMyVideo() { + if (this.firstQuery) { + this.firstQuery = !this.firstQuery; + this.showMiniBox = !this.showMiniBox; + this.$notification.info({ + message: '视频盒子最小化啦..', + placement: 'bottomRight', + }); + + setTimeout(() => { + this.miniBoxContent = ""; + }, 6000); + } }, // 下载文件 down: function() { -- Gitblit v1.9.1