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;
         }
      },
   }