<template>
    <i :class="classes" class="ht-base-icon" :style="styles" @click="click"></i>
</template>

<script>
  export default {
    name: 'HtBaseIcon',
      props: {
        type: {
            type: String,
            default: ''
        },
        size: [Number, String],
        color: String
      },
      computed: {
        classes () {
            return `uedicon ht-base-${this.type}`
        },
        styles () {
            return `color:${this.color};font-size:${this.size}px`
        }
      },
      methods: {
        click () {
            this.$emit('click');
        }
      }
  }
</script>
<style>
    .ht-base-icon {

    }
</style>
