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