From aab8119ad66583d65d517e2eb8e574b8794180c9 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 16 Jan 2022 20:58:19 +0800 Subject: [PATCH] 无限列表滚动 --- src/components/swichLabel/main2-show.vue | 75 +++++++++++++++++++++++++------------ 1 files changed, 50 insertions(+), 25 deletions(-) diff --git a/src/components/swichLabel/main2-show.vue b/src/components/swichLabel/main2-show.vue index cd368fe..5b44b01 100644 --- a/src/components/swichLabel/main2-show.vue +++ b/src/components/swichLabel/main2-show.vue @@ -2,14 +2,13 @@ <div class="blog-main"> <a-row> <a-col v-bind="colApiLeft"> - <box7 :searchType="searchType"></box7> + <box7 :searchType="searchType" class="fade"></box7> </a-col> - <a-col v-bind="colApiMain "> + <a-col v-bind="colApiMain" class="holdHeight"> <box8></box8> <!-- <boxLeft></boxLeft> --> </a-col> - <a-col v-bind="colApiRight"> - </a-col> + </a-row> </div> </template> @@ -29,28 +28,54 @@ return { searchType:"乐谱搜索", colApiLeft: { - xs: 0, - sm: 0, - md: 0, - lg: 8, - xl: 8, - xxl: 6, - }, - colApiRight: { - xs: 0, - sm: 0, - md: 0, - lg: 0, - xl: 0, - xxl: 4, - }, - colApiMain: { xs: 24, - sm: 24, - md: 24, - lg: 14, - xl: 14, - xxl: 14, + sm: { + span: 10, + offset: 1, + }, + md: { + span: 14, + offset: 5, + }, + lg: { + span: 10, + offset: 7, + }, + xl: { + span: 6, + offset: 1, + }, + xxl: { + span: 5, + offset: 1, + }, + }, + + colApiMain: { + xs: { + span: 24, + offset: 0, + }, + sm: { + span: 22, + offset: 1, + }, + md: { + span: 22, + offset: 1, + }, + lg: { + span: 22, + offset: 1, + }, + xl: { + span: 15, + offset: 1, + }, + xxl: { + span: 15, + offset: 1, + }, } } } -- Gitblit v1.9.1