inleft
2022-08-11 859ec7a60a9a1f30c898dbf1ae05c50dccfc40e5
src/components/swichLabel/main1-home.vue
@@ -1,7 +1,8 @@
<template>
   <div>
      <MyModal ref="myModal"></MyModal>
      <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal>
      <MyModal ref="myModal" />
      <MyPreviewModal ref="MyPreviewModal" />
      <MyMessage ref="MyMessage" />
      <div class="blog-drawer">
         <a-drawer placement="left" :closable="false" :visible="visibleDrawer" :getContainer="'body'"
@@ -13,7 +14,7 @@
         </a-drawer>
      </div>
      <div class="blog-main">
      <div class="blog-main ">
         <a-row>
            <keep-alive>
@@ -29,6 +30,9 @@
                     <a-button @click="showDrawer" style="padding:0px 10px">
                        <a-icon type="left-circle" />
                     </a-button>
                     <a-button @click="showMessage" style="margin-top:10px;padding:0px 10px">
                        <a-icon type="message" />
                     </a-button>
                  </a-affix>
               </a-col>
               <keep-alive>
@@ -39,7 +43,8 @@
            </a-col>
            <a-col v-bind="colApiRight">
               <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen" />
               <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen"
                  @showMessage="showMessage" />
            </a-col>
         </a-row>
      </div>
@@ -53,6 +58,7 @@
   import tool from "../group/tool.vue"
   import MyModal from "../group/MyModal.vue"
   import MyPreviewModal from "../group/MyPreviewModal.vue"
   import MyMessage from "../group/MyMessage.vue"
   import screenConfig from "../../config/screenConfig.js"
@@ -64,6 +70,7 @@
         tool,
         MyModal,
         MyPreviewModal,
         MyMessage,
      },
      methods: {
         showScreen() {
@@ -83,6 +90,9 @@
         },
         showPreview() {
            this.$refs.MyPreviewModal.showModal();
         },
         showMessage() {
            this.$refs.MyMessage.showModal();
         },
         afterVisibleChange(val) {},
         showDrawer() {
@@ -140,6 +150,7 @@
   .blog-main {
      min-height: 860px;
      margin-top: 80px;
      padding-left: 3%;
      padding-right: 3%;