pro-components
pro-components copied to clipboard
ProLayout里面的Menu.Item如何自定义高度
🧐 问题描述
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都是无法显示的。(见附图。)
希望回答人员能够认真看描述来回答。