From 9c695b19fc896c497c20bda6089f824c1705836c Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Mon, 28 Feb 2022 21:12:42 +0800
Subject: [PATCH] 添加md预览弹窗
---
src/components/swichLabel/main1-show.vue | 47 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 36 insertions(+), 11 deletions(-)
diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue
index 45172ae..01faddb 100644
--- a/src/components/swichLabel/main1-show.vue
+++ b/src/components/swichLabel/main1-show.vue
@@ -1,6 +1,7 @@
<template>
<div>
<MyModal ref="myModal"></MyModal>
+ <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal>
<div class="blog-drawer">
<a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'"
@@ -15,26 +16,30 @@
<div class="blog-main">
<a-row>
- <a-col v-bind="colApiLeft">
- <boxLeft></boxLeft>
- <boxRight></boxRight>
- </a-col>
+ <keep-alive>
+ <a-col v-bind="colApiLeft">
+ <boxLeft></boxLeft>
+ <boxRight></boxRight>
+ </a-col>
+ </keep-alive>
<a-col v-bind="colApiMain ">
<a-col v-bind="colMini" :style="{'position':'absolute','right':'30px'}">
<a-affix :offset-top="550">
<a-button @click="showDrawer1">
- 抽屉1
+ more
</a-button>
</a-affix>
</a-col>
-
- <router-view class="fade"></router-view>
+ <keep-alive>
+ <router-view class="fade"></router-view>
+ </keep-alive>
</a-col>
<a-col v-bind="colApiRight" ref="myDrawer">
<!-- <boxRight></boxRight> -->
- <tool @showModal="showModal" @showDrawer1="showDrawer1" @showScreen="showScreen"></tool>
+ <tool @showModal="showModal" @showPreview="showPreview" @showDrawer1="showDrawer1"
+ @showScreen="showScreen"></tool>
</a-col>
</a-row>
</div>
@@ -48,6 +53,7 @@
import articleListScorll from "../group/articleListScorll.vue"
import tool from "../group/tool.vue"
import MyModal from "../group/MyModal.vue"
+ import MyPreviewModal from "../group/MyPreviewModal.vue"
export default {
@@ -57,6 +63,7 @@
articleListScorll,
tool,
MyModal,
+ MyPreviewModal,
},
methods: {
showScreen() {
@@ -80,6 +87,9 @@
},
showModal() {
this.$refs.myModal.showModal();
+ },
+ showPreview() {
+ this.$refs.MyPreviewModal.showModal();
},
afterVisibleChange(val) {},
showDrawer1() {
@@ -165,7 +175,17 @@
src: url("https://unpkg.zhimg.com/fontawepro@latest/fonts/hytmr55.woff") format("truetype");
}
- span,p,a,body,h1,h2,h3,h4,h5,h6,code {
+ span,
+ p,
+ a,
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ code {
font-family: HYTangMeiRen !important;
}
@@ -184,14 +204,19 @@
.blog-main {
margin-top: 80px;
- padding-left: 5%;
- padding-right: 5%;
+ padding-left: 3%;
+ padding-right: 3%;
}
/*左右两边的盒子容器*/
.blog-cell {
opacity: 0.8;
padding: 0px 14px 10px;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
}
/*左边部分*/
--
Gitblit v1.9.1