瀏覽代碼

Merge pull request #1752 from chenli1989/main

pref: Optimize tabs dropdown-menu style
jinmao88 3 年之前
父節點
當前提交
7c21eb9b3a
共有 2 個文件被更改,包括 34 次插入0 次删除
  1. 19 0
      src/layouts/default/tabs/index.less
  2. 15 0
      src/views/demo/page/form/step/data.tsx

+ 19 - 0
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;

+ 15 - 0
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,
+    },
   },
 ];