From b85a11d0f08f4409da7759786f9e5d209a48dfd2 Mon Sep 17 00:00:00 2001 From: chenli1989 Date: Sat, 26 Mar 2022 14:35:38 +0800 Subject: [PATCH 1/2] perf: optimize step-by-step form layout --- src/views/demo/page/form/step/data.tsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/views/demo/page/form/step/data.tsx b/src/views/demo/page/form/step/data.tsx index 833ae35b..81659cd9 100644 --- a/src/views/demo/page/form/step/data.tsx +++ b/src/views/demo/page/form/step/data.tsx @@ -15,6 +15,9 @@ export const step1Schemas: FormSchema[] = [ }, ], }, + colProps: { + span: 24, + }, }, { field: 'fac', @@ -23,6 +26,9 @@ export const step1Schemas: FormSchema[] = [ required: true, defaultValue: 'test@example.com', slot: 'fac', + colProps: { + span: 24, + }, }, { field: 'pay', @@ -37,6 +43,9 @@ export const step1Schemas: FormSchema[] = [ label: '收款人姓名', defaultValue: 'Vben', required: true, + colProps: { + span: 24, + }, }, { field: 'money', @@ -49,6 +58,9 @@ export const step1Schemas: FormSchema[] = [ prefix: () => '¥', }; }, + colProps: { + span: 24, + }, }, ]; @@ -59,5 +71,8 @@ export const step2Schemas: FormSchema[] = [ label: '支付密码', required: true, defaultValue: '123456', + colProps: { + span: 24, + }, }, ]; From de266e538d6f81b146fd6f4cd963d0dbbc1b4979 Mon Sep 17 00:00:00 2001 From: chenli1989 Date: Sat, 26 Mar 2022 14:38:24 +0800 Subject: [PATCH 2/2] perf: optimize tabs dropdown-menu style --- src/layouts/default/tabs/index.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/layouts/default/tabs/index.less b/src/layouts/default/tabs/index.less index cec94f6f..e6cdeb3d 100644 --- a/src/layouts/default/tabs/index.less +++ b/src/layouts/default/tabs/index.less @@ -181,6 +181,25 @@ html[data-theme='light'] { } } +.ant-tabs-dropdown-menu { + &-title-content { + display: flex; + align-items: center; + + .@{prefix-cls} { + &-content__info { + width: auto; + margin-left: 0; + line-height: 28px; + } + } + } + + &-item-remove { + margin-left: auto; + } +} + .multiple-tabs__dropdown { .ant-dropdown-content { width: 172px;