src/components/swichLabel/main1-show.vue

@@ -1,6 +1,7 @@
<template>
   <div>
      <MyModal ref="myModal"></MyModal>
      <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal>

      <div class="blog-drawer">
         <a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'"
@@ -23,10 +24,10 @@
            </keep-alive>

            <a-col v-bind="colApiMain ">
               <a-col v-bind="colMini" :style="{'position':'absolute','right':'30px'}">
                  <a-affix :offset-top="550">
                     <a-button @click="showDrawer1">
                        more
               <a-col v-bind="colMini" :style="{'position':'absolute','right':'5px'}">
                  <a-affix :offset-top="600">
                     <a-button @click="showDrawer1" style="padding:0px 10px">
                        <a-icon type="left-circle" />
                     </a-button>
                  </a-affix>
               </a-col>
@@ -37,7 +38,8 @@

            <a-col v-bind="colApiRight" ref="myDrawer">
               <!-- <boxRight></boxRight> -->
               <tool @showModal="showModal" @showDrawer1="showDrawer1" @showScreen="showScreen"></tool>
               <tool @showModal="showModal" @showPreview="showPreview" @showDrawer1="showDrawer1"
                  @showScreen="showScreen"></tool>
            </a-col>
         </a-row>
      </div>
@@ -51,6 +53,7 @@
   import articleListScorll from "../group/articleListScorll.vue"
   import tool from "../group/tool.vue"
   import MyModal from "../group/MyModal.vue"
   import MyPreviewModal from "../group/MyPreviewModal.vue"

   export default {

@@ -60,6 +63,7 @@
         articleListScorll,
         tool,
         MyModal,
         MyPreviewModal,
      },
      methods: {
         showScreen() {
@@ -84,6 +88,9 @@
         showModal() {
            this.$refs.myModal.showModal();
         },
         showPreview() {
            this.$refs.MyPreviewModal.showModal();
         },
         afterVisibleChange(val) {},
         showDrawer1() {
            this.visible1 = true;
@@ -101,7 +108,7 @@
            colMini: {
               xs: 1,
               sm: 1,
               md: 1,
               md: 0,
               lg: 0,
               xl: 0,
               xxl: 0
@@ -197,14 +204,19 @@

   .blog-main {
      margin-top: 80px;
      padding-left: 5%;
      padding-right: 5%;
      padding-left: 3%;
      padding-right: 3%;
   }

   /*左右两边的盒子容器*/
   .blog-cell {
      opacity: 0.8;
      padding: 0px 14px 10px;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -khtml-user-select: none;
      user-select: none;
   }

   /*左边部分*/