inleft
2022-03-02 846bd0e9adb70bb23778045ee1a252a6a58adc4f
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"
ad2b70 20     export default {
L 21         components: {
41b36f 22             box7,
I 23             box8,
ad2b70 24             boxLeft,
L 25         },
26
27         data() {
28             return {
15bd39 29                 searchType: "乐谱搜索",
ad2b70 30                 colApiLeft: {
L 31                     xs: 24,
aab811 32                     sm: {
I 33                         span: 10,
34                         offset: 1,
35                     },
36                     md: {
37                         span: 14,
38                         offset: 5,
39                     },
40                     lg: {
41                         span: 10,
42                         offset: 7,
43                     },
44                     xl: {
45                         span: 6,
46                         offset: 1,
47                     },
48                     xxl: {
49                         span: 5,
50                         offset: 1,
51                     },
52                 },
15bd39 53
aab811 54                 colApiMain: {
I 55                     xs: {
56                         span: 24,
57                         offset: 0,
58                     },
59                     sm: {
60                         span: 22,
61                         offset: 1,
62                     },
63                     md: {
64                         span: 22,
65                         offset: 1,
66                     },
67                     lg: {
68                         span: 22,
69                         offset: 1,
70                     },
71                     xl: {
72                         span: 15,
73                         offset: 1,
74                     },
75                     xxl: {
76                         span: 15,
77                         offset: 1,
78                     },
ad2b70 79                 }
L 80             }
81         }
82     }
83 </script>
84
15bd39 85 <style >
ad2b70 86 </style>