From 916b6bf89465f057532ad8469e4e0002fc361716 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 18 Aug 2022 16:24:30 +0800
Subject: [PATCH] 日志内页添加头图
---
src/components/group/tool.vue | 86 +++++++++++++++++++++++--------------------
1 files changed, 46 insertions(+), 40 deletions(-)
diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index 1e503fa..a0dc0dc 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -2,38 +2,49 @@
<a-affix :offset-top="600">
<div style="padding-left:5px;" class="myButton">
- <!-- <a-button @click="showDrawer1">
- 抽屉1
- </a-button> -->
- <!-- <a-button @click="showDrawer2">
- 抽屉2
- </a-button> -->
-
- <a-button @click="showMessage">
- <a-badge status="success">
- 消息
- </a-badge>
- <a-icon type="message" />
- </a-button>
- <a-button @click="showPreview">
- 预览
- <a-icon type="youtube" />
- </a-button>
- <a-button @click="showModal">
- 日志
- <a-icon type="plus-circle" />
- </a-button>
- <a-button @click="showScreen">
- {{screenModel}}
- <transition name="fade">
- <a-icon :type="iconType" />
- </transition>
- </a-button>
- <a-button @click="addLink" v-if="showHidenButton">
- 加链
- <a-icon type="smile" />
- </a-button>
+ <div>
+ <a-button v-if="!drawerStatus" @click="changeDrawerStatus">
+ 展开
+ <a-icon type="down" />
+ </a-button>
+ <a-button v-if="drawerStatus" @click="changeDrawerStatus">
+ 合上
+ <a-icon type="up" />
+ </a-button>
+ </div>
+ <div v-if="drawerStatus">
+ <a-button @click="()=>this.$router.back(-1)">
+ 后退
+ <a-icon type="left" />
+ </a-button>
+ <a-button @click="showPreview">
+ 预览
+ <a-icon type="youtube" />
+ </a-button>
+ <a-button @click="showScreen" v-if="!screen">
+ 拉伸
+ <a-icon type="arrows-alt" />
+ </a-button>
+ <a-button @click="showScreen" v-if="screen">
+ 缩小
+ <a-icon type="shrink" />
+ </a-button>
+ <a-button @click="showModal">
+ 日志
+ <a-icon type="plus-circle" />
+ </a-button>
+ <a-button @click="addLink" v-if="showHidenButton">
+ 加链
+ <a-icon type="smile" />
+ </a-button>
+ <a-button @click="showMessage">
+ <a-badge status="success">
+ <span>消息</span>
+ </a-badge>
+ <a-icon type="message" />
+ </a-button>
+ </div>
<!-- <a-button>
工具
<a-icon type="tool" style="margin-left: 0px;" />
@@ -48,10 +59,9 @@
export default {
data() {
return {
- iconType: "arrows-alt",
screen: false,
- screenModel: "拉伸",
showHidenButton: false,
+ drawerStatus: false
}
},
mounted() {
@@ -62,6 +72,9 @@
}
},
methods: {
+ changeDrawerStatus() {
+ this.drawerStatus = !this.drawerStatus;
+ },
addLink() {
this.$emit('addLink')
},
@@ -76,13 +89,6 @@
},
showScreen() {
this.$emit('showScreen')
- if (this.screen) {
- this.screenModel = "拉伸";
- this.iconType = "arrows-alt";
- } else {
- this.screenModel = "缩小";
- this.iconType = "shrink"
- }
this.screen = !this.screen;
}
},
--
Gitblit v1.9.1