From 2795bef55b825acd0065d991e835c5f616ec4724 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 05 Aug 2022 18:25:35 +0800
Subject: [PATCH] mini消息盒子
---
src/components/swichLabel/main1-home.vue | 24 ++++++++++++++++++------
1 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/src/components/swichLabel/main1-home.vue b/src/components/swichLabel/main1-home.vue
index ae58261..8fb8274 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'"
@@ -25,19 +26,25 @@
<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>
+ <transition name="fade">
+ <router-view></router-view>
+ </transition>
</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 +58,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 +70,7 @@
tool,
MyModal,
MyPreviewModal,
+ MyMessage,
},
methods: {
showScreen() {
@@ -81,6 +90,9 @@
},
showPreview() {
this.$refs.MyPreviewModal.showModal();
+ },
+ showMessage() {
+ this.$refs.MyMessage.showModal();
},
afterVisibleChange(val) {},
showDrawer() {
@@ -107,7 +119,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,
--
Gitblit v1.9.1