| commit | author | age | ||
| 56a4b8 | 1 | <template> |
| I | 2 | <div class="blog-main"> |
| 3 | <a-row> | |
| 4 | <a-col v-bind="colApiLeft"> | |
| 5 | <music :searchType="searchType"></music> | |
| 6 | </a-col> | |
| 7 | <a-col v-bind="colApiMain "> | |
| 8 | <boxModule></boxModule> | |
| 9 | <!-- <boxLeft></boxLeft> --> | |
| 10 | </a-col> | |
| 11 | <a-col v-bind="colApiRight"> | |
| 12 | </a-col> | |
| 13 | </a-row> | |
| 14 | </div> | |
| 15 | </template> | |
| 16 | ||
| 17 | <script> | |
| 18 | import music from "./music.vue" | |
| 19 | import musicPanal from "./musicPanal.vue" | |
| 20 | import boxLeft from "./boxLeft.vue" | |
| 21 | import boxModule from "./module.vue" | |
| 22 | export default { | |
| 23 | components: { | |
| 24 | music, | |
| 25 | musicPanal, | |
| 26 | boxLeft, | |
| 27 | boxModule, | |
| 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> |
