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/swichLabel/main1-home.vue | 23 ++++++++++++++++------- 1 files changed, 16 insertions(+), 7 deletions(-) diff --git a/src/components/swichLabel/main1-home.vue b/src/components/swichLabel/main1-home.vue index 90cac56..8666551 100644 --- a/src/components/swichLabel/main1-home.vue +++ b/src/components/swichLabel/main1-home.vue @@ -1,7 +1,8 @@ <template> <div> - <MyModal ref="myModal"></MyModal> - <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal> + <MyModal ref="myModal" /> + <MyPreviewModal ref="MyPreviewModal" /> + <MyMessage ref="MyMessage" /> <div class="blog-drawer"> <a-drawer placement="left" :closable="false" :visible="visibleDrawer" :getContainer="'body'" @@ -13,7 +14,7 @@ </a-drawer> </div> - <div class="blog-main"> + <div class="blog-main "> <a-row> <keep-alive> @@ -29,17 +30,19 @@ <a-button @click="showDrawer" style="padding:0px 10px"> <a-icon type="left-circle" /> </a-button> + <a-button @click="showMessage" style="margin-top:10px;padding:0px 10px"> + <a-icon type="message" /> + </a-button> </a-affix> </a-col> <keep-alive> - <transition name="fade"> - <router-view></router-view> - </transition> + <router-view></router-view> </keep-alive> </a-col> <a-col v-bind="colApiRight"> - <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen" /> + <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen" + @showMessage="showMessage" /> </a-col> </a-row> </div> @@ -53,6 +56,7 @@ import tool from "../group/tool.vue" import MyModal from "../group/MyModal.vue" import MyPreviewModal from "../group/MyPreviewModal.vue" + import MyMessage from "../group/MyMessage.vue" import screenConfig from "../../config/screenConfig.js" @@ -64,6 +68,7 @@ tool, MyModal, MyPreviewModal, + MyMessage, }, methods: { showScreen() { @@ -83,6 +88,9 @@ }, showPreview() { this.$refs.MyPreviewModal.showModal(); + }, + showMessage() { + this.$refs.MyMessage.showModal(); }, afterVisibleChange(val) {}, showDrawer() { @@ -140,6 +148,7 @@ .blog-main { + min-height: 860px; margin-top: 80px; padding-left: 3%; padding-right: 3%; -- Gitblit v1.9.1