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/group/tool.vue | 35 +++++++++++++++++++++++++++++------
1 files changed, 29 insertions(+), 6 deletions(-)
diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index 88b4c2b..d4f319f 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -2,21 +2,29 @@
<a-affix :offset-top="600">
<div style="padding-left:5px;">
- <a-button @click="showDrawer1">
+ <!-- <a-button @click="showDrawer1">
抽屉1
- </a-button>
+ </a-button> -->
<!-- <a-button @click="showDrawer2">
抽屉2
</a-button> -->
+ <a-button @click="showPreview">
+ 预览
+ <a-icon type="youtube" />
+ </a-button>
<a-button @click="showModal">
日志
- <a-icon type="plus-circle" style="margin-left: 0px;" />
+ <a-icon type="plus-circle" />
+ </a-button>
+ <a-button @click="showScreen">
+ {{screenModel}}
+ <a-icon type="arrows-alt" />
</a-button>
- <a-button>
+ <!-- <a-button>
工具
<a-icon type="tool" style="margin-left: 0px;" />
- </a-button>
+ </a-button> -->
</div>
</a-affix>
</template>
@@ -24,7 +32,10 @@
<script>
export default {
data() {
- return {}
+ return {
+ screen: false,
+ screenModel: "拉伸"
+ }
},
methods: {
showDrawer1() {
@@ -32,6 +43,18 @@
},
showModal() {
this.$emit('showModal')
+ },
+ showPreview() {
+ this.$emit('showPreview')
+ },
+ showScreen() {
+ this.$emit('showScreen')
+ if (this.screen) {
+ this.screenModel = "拉伸";
+ }else{
+ this.screenModel = "缩小";
+ }
+ this.screen=!this.screen;
}
},
}
--
Gitblit v1.9.1