feat[Menu]: menu icon support el-icon(#3048)

2020-06-11 13:57:41 +08:00
parent d3bd933a8e
commit fc68f56d13
3 changed files with 33 additions and 4 deletions
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -17,7 +17,11 @@ export default {
    const vnodes = []

    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+      if (icon.includes('el-icon')) {
+        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+      } else {
+        vnodes.push(<svg-icon icon-class={icon}/>)
+      }
    }

    if (title) {
@@ -27,3 +31,11 @@ export default {
  }
 }
 </script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>