| | |
| | | <div class="blog-main"> |
| | | <a-row> |
| | | <a-col v-bind="colApiLeft"> |
| | | <boxLeft></boxLeft> |
| | | <music :searchType="searchType"></music> |
| | | </a-col> |
| | | <a-col v-bind="colApiMain "> |
| | | <boxLeft></boxLeft> |
| | | <musicPanal></musicPanal> |
| | | <!-- <boxLeft></boxLeft> --> |
| | | </a-col> |
| | | <a-col v-bind="colApiRight"> |
| | | <boxLeft></boxLeft> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import music from "./music.vue" |
| | | import musicPanal from "./musicPanal.vue" |
| | | import boxLeft from "./boxLeft.vue" |
| | | import boxRight from "./boxRight.vue" |
| | | import box6 from "./box6-articleList.vue" |
| | | export default { |
| | | components: { |
| | | music, |
| | | musicPanal, |
| | | boxLeft, |
| | | boxRight, |
| | | box6 |
| | | }, |
| | | |
| | | data() { |
| | | return { |
| | | sliderApi: { |
| | | collapsible: true, //是否可收起 |
| | | |
| | | collapsedWidth: 0 //收缩宽度,设置为 0 会出现特殊 trigger |
| | | }, |
| | | searchType:"乐谱搜索", |
| | | colApiLeft: { |
| | | xs: 0, |
| | | sm: 0, |