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 | 20 ++++++++++++++++---- 1 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue index 3bcd6f6..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'" @@ -26,7 +27,7 @@ <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> @@ -37,7 +38,8 @@ <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> @@ -51,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 { @@ -60,6 +63,7 @@ articleListScorll, tool, MyModal, + MyPreviewModal, }, methods: { showScreen() { @@ -83,6 +87,9 @@ }, showModal() { this.$refs.myModal.showModal(); + }, + showPreview() { + this.$refs.MyPreviewModal.showModal(); }, afterVisibleChange(val) {}, showDrawer1() { @@ -197,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