fix: 水平方向menu子菜单中菜单高度不正确

WeBankFinTech · Jan 4, 2022 · d14145a · d14145a
1 parent b4f692a
commit d14145a
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
@@ -61,6 +61,7 @@
                 width: @menu-popper-width;
                 padding: @padding-xs 0;
                 overflow: visible;
+                line-height: @menu-item-height;
                 .@{menu-item-prefix-cls} {
                     &.is-active {
                         > .@{menu-item-prefix-cls}-wrapper {

diff --git a/docs/.vitepress/components/menu/collapse.vue b/docs/.vitepress/components/menu/collapse.vue
@@ -39,12 +39,24 @@
                     <f-menu-item value="1.5" label="浙江"></f-menu-item>
                 </f-menu-group>
             </f-sub-menu>
-            <f-menu-item value="2">
+            <f-sub-menu value="2">
                 <template #icon>
                     <AppstoreOutlined />
                 </template>
                 <template #label>人群管理</template>
-            </f-menu-item>
+                <f-menu-item value="2.1">
+                    <template #label>富高帅</template>
+                </f-menu-item>
+                <f-menu-item value="2.2">
+                    <template #label>白富美</template>
+                </f-menu-item>
+                <f-sub-menu label="湖北">
+                    <f-menu-item value="2.3.1" label="武汉市">
+                    </f-menu-item>
+                    <f-menu-item value="2.3.2" label="荆州市">
+                    </f-menu-item>
+                </f-sub-menu>
+            </f-sub-menu>
             <f-menu-item value="3">
                 <template #icon>
                     <AppstoreOutlined />

diff --git a/docs/.vitepress/components/menu/common.vue b/docs/.vitepress/components/menu/common.vue
@@ -37,12 +37,24 @@
                 <f-menu-item value="1.5" label="浙江"></f-menu-item>
             </f-menu-group>
         </f-sub-menu>
-        <f-menu-item value="2">
+        <f-sub-menu value="2">
             <template #icon>
                 <AppstoreOutlined />
             </template>
             <template #label>人群管理</template>
-        </f-menu-item>
+            <f-menu-item value="2.1">
+                <template #label>富高帅</template>
+            </f-menu-item>
+            <f-menu-item value="2.2">
+                <template #label>白富美</template>
+            </f-menu-item>
+            <f-sub-menu label="湖北">
+                <f-menu-item value="2.3.1" label="武汉市">
+                </f-menu-item>
+                <f-menu-item value="2.3.2" label="荆州市">
+                </f-menu-item>
+            </f-sub-menu>
+        </f-sub-menu>
         <f-menu-item value="3">
             <template #label>资源管理</template>
         </f-menu-item>