From cb7779098c51922d0d7f26568475d350a9f1fad0 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 29 Jul 2022 19:08:22 +0800
Subject: [PATCH] 添加马甲认证,添加小红点更新
---
src/components/group/tool.vue | 17 ++++++++++-------
1 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index d4f319f..cb4ca7b 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -18,7 +18,9 @@
</a-button>
<a-button @click="showScreen">
{{screenModel}}
- <a-icon type="arrows-alt" />
+ <transition name="fade">
+ <a-icon :type="iconType" />
+ </transition>
</a-button>
<!-- <a-button>
@@ -33,14 +35,12 @@
export default {
data() {
return {
+ iconType: "arrows-alt",
screen: false,
screenModel: "拉伸"
}
},
methods: {
- showDrawer1() {
- this.$emit('showDrawer1')
- },
showModal() {
this.$emit('showModal')
},
@@ -51,14 +51,17 @@
this.$emit('showScreen')
if (this.screen) {
this.screenModel = "拉伸";
- }else{
+ this.iconType = "arrows-alt";
+ } else {
this.screenModel = "缩小";
+ this.iconType = "shrink"
}
- this.screen=!this.screen;
+ this.screen = !this.screen;
}
},
}
</script>
-<style>
+<style lang="less">
+
</style>
--
Gitblit v1.9.1