图标ui封装

src/app-register.ts

@@ -161,5 +161,7 @@ export const AppComponents = {
         // ui组件 BEGIN
         // 按钮
         v.component('app-mob-button',() => import('@/components/ui-components/app-mob-button/app-mob-button.vue'));
+        //图标
+        v.component('app-mob-icon',() => import('@/components/ui-components/app-mob-icon/app-mob-icon.vue'));
     },
 };
\ No newline at end of file

src/components/ui-components/app-mob-icon/app-mob-icon.less

+.app-mob-icon{
+    
+}
\ No newline at end of file

src/components/ui-components/app-mob-icon/app-mob-icon.vue

+<template>
+    <div class="app-mob-icon">
+        <ion-icon :name="name" :size="size" :slot="slotP" @click.stop="onClick" ></ion-icon>
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { Http } from "@/ibiz-core/utils";
+@Component({})
+export default class AppMobIcon extends Vue {
+    /**
+     * name属性
+     * 
+     * @type {*}
+     * @memberof AppMobIcon
+     */
+    @Prop() public name: any;
+
+    /**
+     * slot
+     * 
+     * @type {*}
+     * @memberof AppMobIcon
+     */
+    @Prop() public slotP: any;
+
+    /**
+     * size
+     * 
+     * @type {*}
+     * @memberof AppMobIcon
+     */
+    @Prop() public size: any;
+
+    /**
+     * 点击事件
+     * 
+     * @memberof AppMobIcon
+     */
+    public onClick(){
+        this.$emit('onClick');
+    }   
+}
+</script>
+<style lang='less'>
+@import './app-mob-icon.less';
+</style>
\ No newline at end of file