src/components/swichLabel/main1-show.vue

@@ -4,7 +4,7 @@

      <div class="blog-drawer">
         <a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'"
            :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="90" :width=270
            :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="90" :width=300
            :bodyStyle="{padding:'0px'}"
            :wrapStyle="{padding:'0px',top:'60px !important','height':'calc(100% - 60px) !important'}">
            <boxLeft></boxLeft>
@@ -34,7 +34,7 @@

            <a-col v-bind="colApiRight" ref="myDrawer">
               <!-- <boxRight></boxRight> -->
               <tool @showModal="showModal" @showDrawer1="showDrawer1"></tool>
               <tool @showModal="showModal" @showDrawer1="showDrawer1" @showScreen="showScreen"></tool>
            </a-col>
         </a-row>
      </div>
@@ -43,7 +43,6 @@
</template>

<script>
   import tempFriendBox from "../group/tempFriendBox.vue"
   import boxLeft from "../group/boxLeft.vue"
   import boxRight from "../group/boxRight.vue"
   import articleListScorll from "../group/articleListScorll.vue"
@@ -53,7 +52,6 @@
   export default {

      components: {
         tempFriendBox,
         boxLeft,
         boxRight,
         articleListScorll,
@@ -61,6 +59,25 @@
         MyModal,
      },
      methods: {
         showScreen() {
            if (this.screen) {
               //缩小
               this.colApiLeft.xxl.span = 0;
               this.colApiLeft.xxl.offset = 0;

               this.colApiMain.xxl.span = 17;
               this.colApiMain.xxl.offset = 4;
            } else {
               //放大
               this.colApiLeft.xxl.span = 4;
               this.colApiLeft.xxl.offset = 3;

               this.colApiMain.xxl.span = 11;
               this.colApiMain.xxl.offset = 2;
            }
            this.screen = !this.screen;

         },
         showModal() {
            this.$refs.myModal.showModal();
         },
@@ -75,6 +92,7 @@
      },
      data() {
         return {
            screen: true,
            visible1: false,
            visible2: false,
            colMini: {
@@ -135,7 +153,6 @@
                  offset: 2,
               },
            }

         }
      }
   }
@@ -145,8 +162,9 @@
   .swichTag {
      min-height: 750px;
      padding: 30px 30px 10px;
      background-color: white;
      border-radius: 15px;
      box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
      padding: 20px 30px 0px;
   }

   .holdHeight {