pro-components icon indicating copy to clipboard operation
pro-components copied to clipboard

ProLayout里面的Menu.Item如何自定义高度

Open 349989153 opened this issue 1 year ago • 0 comments

🧐 问题描述

ProLayout里面的Menu.Item如何自定义高度,目前高度是40px

💻 示例代码

        menuItemRender={(menuItemProps, defaultDom) => {
          return <div style={{ height: 200, lineHeight: 200}}>{menuItemProps.name}</div>
        }}
        menuItemRender={(menuItemProps, defaultDom) => {
          return (
            <Menu.Item style={{ height: 200, lineHeight: 200 }}>
            {menuItemProps.name}
          </Menu.Item>
          )
        }}
        menuItemRender={(menuItemProps, defaultDom) => {
          return (
            <Menu>
              <Menu.Item style={{ height: 200, lineHeight: 200 }}>
                {menuItemProps.name}
              </Menu.Item>
            </Menu>
          )
        }}

在issue里搜到的三种可能的写法,均是错误的,无法满足要求。 因为menuItemRender是内置的Menu.Item的children,而这个Menu.Item是height为40且overflow为hidden的,所以menuItemRender里的内容只要超过40px都是无法显示的。(见附图。)

希望回答人员能够认真看描述来回答。

🚑 其他信息

image

349989153 avatar Feb 06 '24 02:02 349989153