Parcourir la source

fix: fix the problem of folding display name of the first level menu

vben il y a 4 ans
Parent
commit
e3cbc9326e
3 fichiers modifiés avec 16 ajouts et 7 suppressions
  1. 1 1
      package.json
  2. 13 0
      src/components/Menu/src/index.less
  3. 2 6
      src/views/demo/table/FixedColumn.vue

+ 1 - 1
package.json

@@ -120,6 +120,6 @@
     }
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=10.16.1"
   }
 }

+ 13 - 0
src/components/Menu/src/index.less

@@ -21,6 +21,19 @@
       font-size: 12px;
       flex-direction: column;
     }
+
+    & > li[role='menuitem']:not(.ant-menu-submenu) {
+      display: flex;
+      margin-top: 12px;
+      font-size: 12px;
+      line-height: 2;
+      align-items: center;
+      flex-direction: column;
+
+      span {
+        margin-top: 6px;
+      }
+    }
   }
 
   &__wrap {

+ 2 - 6
src/views/demo/table/FixedColumn.vue

@@ -6,17 +6,13 @@
           :actions="[
             {
               label: '删除',
-              props: {
-                onClick: handleDelete,
-              },
+              onClick: handleDelete,
             },
           ]"
           :dropDownActions="[
             {
               label: '启用',
-              props: {
-                onClick: handleOpen,
-              },
+              onClick: handleOpen,
             },
           ]"
         />