From 0dd41bd8cee430d3a948b89c664cb511c400993c Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 12 Aug 2022 19:11:46 +0800
Subject: [PATCH] 新增链接添加按钮,优化Dplayer播放
---
src/components/layouts/baseLayout.vue | 33 +++++++++++++++++++++------------
1 files changed, 21 insertions(+), 12 deletions(-)
diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue
index 04cfdc4..f5b0b62 100644
--- a/src/components/layouts/baseLayout.vue
+++ b/src/components/layouts/baseLayout.vue
@@ -12,11 +12,12 @@
<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" />
+ <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>
@@ -28,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"
@@ -42,22 +45,28 @@
data() {
return {
miniVideoPlayData: null,
- showMiniBox: false
+ firstQuery: true,
+ showMiniBox: false,
+ miniBoxContent: "视频盒子",
}
},
methods: {
showMyVideo(param) {
this.miniVideoPlayData = param;
- console.log("开启mini盒子");
-
-
this.$refs.MyVideo.showModal(param);
- if (!this.showMiniBox) {
+ },
+ closeMyVideo() {
+ if (this.firstQuery) {
+ this.firstQuery = !this.firstQuery;
+ this.showMiniBox = !this.showMiniBox;
this.$notification.info({
- message: '这里是盒子的最小化啦..',
+ message: '视频盒子最小化啦..',
placement: 'bottomRight',
});
- this.showMiniBox = true;
+
+ setTimeout(() => {
+ this.miniBoxContent = "";
+ }, 6000);
}
},
// 下载文件
--
Gitblit v1.9.1