From 620f759cfe9fa42fa9667b2ec63d7d00944e4af0 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 02 Mar 2022 12:49:35 +0800 Subject: [PATCH] 评论列表样式调整 --- src/components/swichLabel/main2-show.vue | 80 ++++++++++++++++++++++++++-------------- 1 files changed, 52 insertions(+), 28 deletions(-) diff --git a/src/components/swichLabel/main2-show.vue b/src/components/swichLabel/main2-show.vue index cd368fe..a984232 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> @@ -27,36 +26,61 @@ data() { return { - searchType:"乐谱搜索", + 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, + }, } } } } </script> -<style lang="less"> - +<style > </style> -- Gitblit v1.9.1