src/components/layouts/main1-show.vue

@@ -3,12 +3,27 @@
      <a-row>
         <a-col v-bind="colApiLeft">
            <boxLeft></boxLeft>
            <a-drawer placement="left" :closable="false" :visible="visible1" 
               :after-visible-change="afterVisibleChange" @close="onClose1">
               <boxLeft></boxLeft>
            </a-drawer>
         </a-col>
         <a-col v-bind="colApiMain ">
            <a-button @click="showDrawer1">
               小抽屉1
            </a-button>
            <a-button @click="showDrawer2">
               小抽屉2
            </a-button>
            <router-view></router-view>
         </a-col>
         <a-col v-bind="colApiRight">
         <a-col v-bind="colApiRight" ref="myDrawer">
            <boxRight></boxRight>

            <a-drawer placement="right" :closable="false" :visible="visible2" 
               :after-visible-change="afterVisibleChange" @close="onClose2">
               <boxRight></boxRight>
            </a-drawer>
         </a-col>
      </a-row>
   </div>
@@ -24,9 +39,27 @@
         boxRight,
         box6
      },
      methods: {
         afterVisibleChange(val) {
         },
         showDrawer1() {
            this.visible1 = true;
         },
         showDrawer2() {
            this.visible2 = true;
         },
         onClose1() {
            this.visible1 = false;
         },
         onClose2() {
            this.visible2 = false;
         },
      },

      data() {
         return {
            visible1: false,
            visible2: false,
            sliderApi: {
               collapsible: true, //是否可收起

@@ -67,15 +100,16 @@
      background-color: white;
      border-radius: 15px;
   }
	

   .article-detail {
      max-height: 750px;
      overflow: overlay;
   }
	

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

   /*左右两边的盒子容器*/
@@ -141,7 +175,9 @@
      padding-top: 10px;
      padding-bottom: 20px;
      overflow: hidden;
      box-shadow: 1px 1px 1px 2px #1196c459
      -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
      box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
      // box-shadow: 1px 1px 1px 2px #00000059
   }

   .show-line {