src/components/group/tool.vue

@@ -1,13 +1,19 @@
<template>
   <a-affix :offset-top="600">

      <div style="padding-left:5px;">
      <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" />
@@ -22,6 +28,7 @@
               <a-icon :type="iconType" />
            </transition>
         </a-button>


         <!-- <a-button>
            工具
@@ -41,6 +48,9 @@
         }
      },
      methods: {
         showMessage() {
            this.$emit('showMessage')
         },
         showModal() {
            this.$emit('showModal')
         },
@@ -63,13 +73,9 @@
</script>

<style lang="less">
   .fade-enter-active,
   .fade-leave-active {
      transition: opacity .5s;
   }

   .fade-enter,
   .fade-leave-to {
      opacity: 0;
   .myButton {
      button {
         min-width: 90px;
      }
   }
</style>