inleft
2022-01-15 41b36f013d4103ffc59fd58feb6b6177ee5b04f7
commit | author | age
56a4b8 1 <template>
I 2     <div class="blog-main">
3         <a-row>
4             <a-col v-bind="colApiLeft">
41b36f 5                 <box7 :searchType="searchType"></box7>
56a4b8 6             </a-col>
I 7             <a-col v-bind="colApiMain ">
41b36f 8                 <box9></box9>
56a4b8 9                 <!-- <boxLeft></boxLeft> -->
I 10             </a-col>
11             <a-col v-bind="colApiRight">
12             </a-col>
13         </a-row>
14     </div>
15 </template>
16
17 <script>
41b36f 18     import box7 from "../mini/box7-search.vue"
I 19     import box8 from "../mini/box8-panal.vue"
20     import box9 from "../mini/box9-netFile.vue"
21     import boxLeft from "../group/boxLeft.vue"
56a4b8 22     export default {
I 23         components: {
41b36f 24             box7,
I 25             box8,
26             box9,
56a4b8 27             boxLeft,
I 28         },
29
30         data() {
31             return {
32                 searchType:"动漫搜索",
33                 colApiLeft: {
34                     xs: 0,
35                     sm: 0,
36                     md: 0,
37                     lg: 8,
38                     xl: 8,
39                     xxl: 6,
40                 },
41                 colApiRight: {
42                     xs: 0,
43                     sm: 0,
44                     md: 0,
45                     lg: 0,
46                     xl: 0,
47                     xxl: 4,
48                 },
49                 colApiMain: {
50                     xs: 24,
51                     sm: 24,
52                     md: 24,
53                     lg: 14,
54                     xl: 14,
55                     xxl: 14,
56                 }
57             }
58         }
59     }
60 </script>
61
62 <style lang="less">
d629d9 63     
56a4b8 64 </style>