<template>
    <div
        class="nus_icon"
        :class="iconClass"
        @click="_onClick($event)"
        @tap="_onTap($event)">
        <slot>
            {{ icon }}
        </slot>
        <slot name="hook_ext"></slot>
    </div>
</template>

<script>
import WidgetTmp from '../_comm/WidgetTmp';
export default {
    extends: WidgetTmp,
    name: 'NuIcon',
    props: {
        /**
         * 图标字体的class名
         */
        iconClass: {
            default: 'nu_icon'
        },
        /**
         * 图标字符
         */
        icon: {
            type: String
        }
    }
};
</script>

<style lang="scss">
@import '../../../_assets/style/_iconFont.scss';
@import '../../../_assets/style/_var.scss';
@import '../../../_assets/style/_mixin.scss';
.nus_icon{
    display: inline-block;
    position: relative;
}
</style>
