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 | 25 ++++++++++++++++++------- 1 files changed, 18 insertions(+), 7 deletions(-) diff --git a/src/components/swichLabel/main1-home.vue b/src/components/swichLabel/main1-home.vue index ae58261..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> @@ -25,19 +26,23 @@ <a-col v-bind="colApiMain"> <a-col v-bind="colMini" :style="{'position':'absolute','right':'5px'}"> - <a-affix :offset-top="600"> + <a-affix :offset-top="550"> <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> - <router-view class="fade"></router-view> + <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> @@ -51,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" @@ -62,6 +68,7 @@ tool, MyModal, MyPreviewModal, + MyMessage, }, methods: { showScreen() { @@ -81,6 +88,9 @@ }, showPreview() { this.$refs.MyPreviewModal.showModal(); + }, + showMessage() { + this.$refs.MyMessage.showModal(); }, afterVisibleChange(val) {}, showDrawer() { @@ -107,7 +117,7 @@ @font-face { font-family: 'HYTangMeiRen'; // font-display: swap; - src: url("https://unpkg.zhimg.com/fontawepro@latest/fonts/hytmr55.woff") format("truetype"); + src: url("http://t.inleft.com/share/z%E5%AD%97%E4%BD%93%E5%BA%93/hytmr55%E6%B1%89%E4%BB%AA%E5%94%90%E7%BE%8E%E4%BA%BA%E5%AD%97%E4%BD%93.woff") format("truetype"); } span, @@ -138,6 +148,7 @@ .blog-main { + min-height: 860px; margin-top: 80px; padding-left: 3%; padding-right: 3%; -- Gitblit v1.9.1