inleft
2022-03-04 ec6f207325f1996d71fb4e0c6acada906ec026bd
commit | author | age
ad2b70 1 <template>
L 2     <div class="blog-main">
3         <a-row>
4             <a-col v-bind="colApiLeft">
aab811 5                 <box7 :searchType="searchType" class="fade"></box7>
ad2b70 6             </a-col>
aab811 7             <a-col v-bind="colApiMain" class="holdHeight">
41b36f 8                 <box8></box8>
56a4b8 9                 <!-- <boxLeft></boxLeft> -->
ad2b70 10             </a-col>
15bd39 11
ad2b70 12         </a-row>
L 13     </div>
14 </template>
15
16 <script>
41b36f 17     import box7 from "../mini/box7-search.vue"
I 18     import box8 from "../mini/box8-panal.vue"
19     import boxLeft from "../group/boxLeft.vue"
74344a 20     
ad2b70 21     export default {
L 22         components: {
41b36f 23             box7,
I 24             box8,
ad2b70 25             boxLeft,
L 26         },
27
28         data() {
29             return {
15bd39 30                 searchType: "乐谱搜索",
ad2b70 31                 colApiLeft: {
L 32                     xs: 24,
aab811 33                     sm: {
I 34                         span: 10,
35                         offset: 1,
36                     },
37                     md: {
38                         span: 14,
39                         offset: 5,
40                     },
41                     lg: {
42                         span: 10,
43                         offset: 7,
44                     },
45                     xl: {
46                         span: 6,
47                         offset: 1,
48                     },
49                     xxl: {
50                         span: 5,
51                         offset: 1,
52                     },
53                 },
15bd39 54
aab811 55                 colApiMain: {
I 56                     xs: {
57                         span: 24,
58                         offset: 0,
59                     },
60                     sm: {
61                         span: 22,
62                         offset: 1,
63                     },
64                     md: {
65                         span: 22,
66                         offset: 1,
67                     },
68                     lg: {
69                         span: 22,
70                         offset: 1,
71                     },
72                     xl: {
73                         span: 15,
74                         offset: 1,
75                     },
76                     xxl: {
77                         span: 15,
78                         offset: 1,
79                     },
ad2b70 80                 }
L 81             }
82         }
83     }
84 </script>
85
15bd39 86 <style >
ad2b70 87 </style>