From 10572998aa54d61c45df3e334eb01e44a15df729 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 10 Aug 2022 18:35:59 +0800 Subject: [PATCH] 常量提取,优化视频模块布局 --- src/components/group/MyVideo.vue | 17 ++++++++++------- 1 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/components/group/MyVideo.vue b/src/components/group/MyVideo.vue index 2e69c63..723d6a0 100644 --- a/src/components/group/MyVideo.vue +++ b/src/components/group/MyVideo.vue @@ -1,9 +1,9 @@ <template> <div class="myModal"> - <a-modal v-model="visible" title="" :footer="null" :mask="false" :maskClosable="false" :placement="placement" + <a-modal v-model="visible" title="" :footer="null" :mask="false" :maskClosable="true" :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}"> - <div>11</div> - + <div>{{this.placement}}</div> + <videoPlayBox></videoPlayBox> </a-modal> </div> @@ -13,17 +13,21 @@ import { history } from '../../api/blogArticleComment.js' - + import videoPlayBox from "../mini/box15-videoPlayBox.vue" export default { + components: { + videoPlayBox + }, data() { return { visible: false, - placement: "bottom" + placement: "fbottom" } }, beforeMount() {}, methods: { - showModal() { + showModal(param) { + this.placement = param.id this.visible = true; }, handleCancel(e) { @@ -34,7 +38,6 @@ } </script> <style scoped> - a { color: black; } -- Gitblit v1.9.1