
<template>
    <i class="as-icon iconfont" @click="$emit('click')" :class="[icon, 'as-icon-' + type]" :style="{ fontSize: `${size}px` }"></i>
</template>

<script>
    export default {
        name: 'AsIcon',
        props: {
            icon: { default: '' },
            size: { default: '16' },
            type: { default: 'normal' },
        },
    }
</script>

<style lang="scss" scoped>
    @import "../../assets/scss/define";
    .as-icon-normal{
    }
    .as-icon-primary{
        color: $color-primary;
    }
</style>
