增加图标绘制组件

src/app-register.ts

@@ -98,6 +98,7 @@ import AppAlert from './components/app-alert/app-alert.vue'
 import AppAlertGroup from './components/app-alert-group/app-alert-group.vue'
 import AppRawItem from './components/app-rawitem/app-rawitem.vue'
 import AppImageRomate from './components/app-image-romate/app-image-romate.vue'
+import { MenuIcon } from './components/menu-icon/menu-icon'
 
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
@@ -210,6 +211,7 @@ export const AppComponents = {
         v.component('app-alert', AppAlert);
         v.component('app-alert-group', AppAlertGroup);
         v.component('app-rawitem',AppRawItem);
-        v.component('app-image-romate', AppImageRomate)
+        v.component('app-image-romate', AppImageRomate);
+        v.component('menu-icon', MenuIcon);
     },
 };
\ No newline at end of file

src/components/menu-icon/menu-icon.tsx

+import { Vue, Component, Prop } from 'vue-property-decorator';
+import './menu-icon.less';
+
+/**
+ * 平台菜单按钮适配
+ *
+ * @export
+ * @class MenuIcon
+ * @extends {Vue}
+ */
+@Component({})
+export class MenuIcon extends Vue {
+
+    /**
+     * 项数据
+     *
+     * @type {*}
+     * @memberof MenuIcon
+     */
+    @Prop()
+    public item: any;
+
+    /**
+     * 绘制图标
+     *
+     * @returns {*}
+     * @memberof MenuIcon
+     */
+    public render(): any {
+        debugger;
+        if (this.item) {
+            if (this.item.iconcls) {
+                return <i class={this.item.iconcls} />
+            }
+            if (this.item.icon) {
+                return <img src={this.item.icon} />
+            }
+        }
+        return <span />
+    }
+
+}
\ No newline at end of file