如何在ANTD设计菜单中添加自定义图像/图标?
使用本例:https://ant.design/components/layout/#components-layout-demo-side
如何添加自定义图像或图标而不是默认图标。
我已尝试:
<Menu.Item to="/" key="2">
<img className="ant-menu-item" src={require('image.png')} />
<span>Shopify</span>
<Link to="/shopify">Home</Link>
</Menu.Item>
但这看起来不太好或不尊重折叠行为
解决方案
<Menu.Item to="/" key="2">
<img className="ant-menu-item" src=="{{ "image.png" | asset_url }}"/>
<span>Shopify</span>
<Link to="/shopify">Home</Link>
</Menu.Item>
相关文章