<template>
  <text
    class="iconfont"
    :class="'icon-' + icon"
    :style="{ 'font-size': size + 'rpx', color: color }"
  ></text>
</template>
  
  
  <script lang="ts" setup>
/**
 * @icon: iconfonti 图标
 * @size: 图标大小
 * @color：图标颜色
 */
interface IconType {
  icon: string;
  size?: number;
  color?: string;
}

withDefaults(defineProps<IconType>(), {
  size: 32,
  color: "#000",
});
</script>
  
<style lang="scss" scoped>
</style>