From 93768186ca58acd0fc0b6963d0e017979c087631 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 23 Aug 2022 02:09:58 +0800
Subject: [PATCH] 上下篇日志提示加入
---
src/components/swichLabel/main1-home.vue | 36 +++++++++++++++++++++++++++---------
1 files changed, 27 insertions(+), 9 deletions(-)
diff --git a/src/components/swichLabel/main1-home.vue b/src/components/swichLabel/main1-home.vue
index b582c5e..3ac5f97 100644
--- a/src/components/swichLabel/main1-home.vue
+++ b/src/components/swichLabel/main1-home.vue
@@ -2,7 +2,8 @@
<div>
<MyModal ref="myModal" />
<MyPreviewModal ref="MyPreviewModal" />
- <MyMessage ref="MyMessage" />
+ <MyMessage ref="MyMessage" v-if="openMessage" />
+ <MyLink ref="MyLink" v-if="openLinkAdd" />
<div class="blog-drawer">
<a-drawer placement="left" :closable="false" :visible="visibleDrawer" :getContainer="'body'"
@@ -26,21 +27,23 @@
<a-col v-bind="colApiMain">
<a-col v-bind="colMini" :style="{'position':'absolute','right':'5px'}">
- <a-affix :offset-top="550">
+ <a-affix :offset-top="500">
<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" @showMessage="showMessage" />
+ <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen"
+ @showMessage="showMessage" @addLink="addLink" />
</a-col>
</a-row>
</div>
@@ -55,6 +58,7 @@
import MyModal from "../group/MyModal.vue"
import MyPreviewModal from "../group/MyPreviewModal.vue"
import MyMessage from "../group/MyMessage.vue"
+ import MyLink from "../group/MyLink.vue"
import screenConfig from "../../config/screenConfig.js"
@@ -67,6 +71,7 @@
MyModal,
MyPreviewModal,
MyMessage,
+ MyLink,
},
methods: {
showScreen() {
@@ -81,6 +86,12 @@
}
this.scale = !this.scale;
},
+ addLink() {
+ this.openLinkAdd = true
+ this.$nextTick(function() {
+ this.$refs.MyLink.showModal();
+ })
+ },
showModal() {
this.$refs.myModal.showModal();
},
@@ -88,7 +99,10 @@
this.$refs.MyPreviewModal.showModal();
},
showMessage() {
- this.$refs.MyMessage.showModal();
+ this.openMessage = true
+ this.$nextTick(function() {
+ this.$refs.MyMessage.showModal();
+ })
},
afterVisibleChange(val) {},
showDrawer() {
@@ -105,9 +119,12 @@
colMini: screenConfig.colMini,
colApiLeft: screenConfig.colApiLeft,
colApiRight: screenConfig.colApiRight,
- colApiMain: screenConfig.colApiMain
+ colApiMain: screenConfig.colApiMain,
+ openLinkAdd: false,
+ openMessage: false,
}
- }
+ },
+
}
</script>
@@ -146,6 +163,7 @@
.blog-main {
+ min-height: 860px;
margin-top: 80px;
padding-left: 3%;
padding-right: 3%;
--
Gitblit v1.9.1