Merge pull request #1752 from chenli1989/main

pref: Optimize tabs dropdown-menu style

Merge pull request #1752 from chenli1989/main
pref: Optimize tabs dropdown-menu style
jinmao88 · GitHub
2 parents 770574c9 de266e53
Showing 2 changed files with 34 additions and 0 deletions
src/layouts/default/tabs/index.less
src/views/demo/page/form/step/data.tsx
@@ -181,6 +181,25 @@ html[data-theme=&#39;light&#39;] {
   }
 }
  
+.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;
@@ -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,
+    },
   },
 ];