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,25 @@
            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">
   .fade-enter-active,
   .fade-leave-active {
      transition: opacity .5s;
   }

   .fade-enter,
   .fade-leave-to {
      opacity: 0;
   }
</style>