src/components/swichLabel/main2-show.vue

@@ -2,14 +2,13 @@
   <div class="blog-main">
      <a-row>
         <a-col v-bind="colApiLeft">
            <box7 :searchType="searchType"></box7>
            <box7 :searchType="searchType" class="fade"></box7>
         </a-col>
         <a-col v-bind="colApiMain ">
         <a-col v-bind="colApiMain" class="holdHeight">
            <box8></box8>
            <!-- <boxLeft></boxLeft> -->
         </a-col>
         <a-col v-bind="colApiRight">
         </a-col>

      </a-row>
   </div>
</template>
@@ -27,36 +26,61 @@

      data() {
         return {
            searchType:"乐谱搜索",
            searchType: "乐谱搜索",
            colApiLeft: {
               xs: 0,
               sm: 0,
               md: 0,
               lg: 8,
               xl: 8,
               xxl: 6,
            },
            colApiRight: {
               xs: 0,
               sm: 0,
               md: 0,
               lg: 0,
               xl: 0,
               xxl: 4,
            },
            colApiMain: {
               xs: 24,
               sm: 24,
               md: 24,
               lg: 14,
               xl: 14,
               xxl: 14,
               sm: {
                  span: 10,
                  offset: 1,
               },
               md: {
                  span: 14,
                  offset: 5,
               },
               lg: {
                  span: 10,
                  offset: 7,
               },
               xl: {
                  span: 6,
                  offset: 1,
               },
               xxl: {
                  span: 5,
                  offset: 1,
               },
            },

            colApiMain: {
               xs: {
                  span: 24,
                  offset: 0,
               },
               sm: {
                  span: 22,
                  offset: 1,
               },
               md: {
                  span: 22,
                  offset: 1,
               },
               lg: {
                  span: 22,
                  offset: 1,
               },
               xl: {
                  span: 15,
                  offset: 1,
               },
               xxl: {
                  span: 15,
                  offset: 1,
               },
            }
         }
      }
   }
</script>

<style lang="less">
	
<style >
</style>