Просмотр исходного кода

fix customize menu icon bug (#3509)

* fix customize menu icon bug

当采用自定义菜单图标(即通过url引用方式)且菜单折叠时,文字不隐藏

* fix customize menu icon bug

修改样式
lf7817 6 лет назад
Родитель
Сommit
5ef08f7fae
2 измененных файлов с 2 добавлено и 2 удалено
  1. 1 1
      src/components/SiderMenu/BaseMenu.js
  2. 1 1
      src/components/SiderMenu/index.less

+ 1 - 1
src/components/SiderMenu/BaseMenu.js

@@ -15,7 +15,7 @@ const { SubMenu } = Menu;
 //   icon: <Icon type="setting" />,
 const getIcon = icon => {
   if (typeof icon === 'string' && isUrl(icon)) {
-    return <img src={icon} alt="icon" className={styles.icon} />;
+    return <Icon component={() => <img src={icon} alt="icon" className={styles.icon} />} />;
   }
   if (typeof icon === 'string') {
     return <Icon type={icon} />;

+ 1 - 1
src/components/SiderMenu/index.less

@@ -66,8 +66,8 @@
 }
 
 .icon {
+  vertical-align: baseline;
   width: 14px;
-  margin-right: 10px;
 }
 
 :global {