icon

功能

awesome-icon、el-icon、svg-icon 的三合一组件，消除了 3 种 icon 之间大小区别。

在牺牲加载速度的情况下，最大的限度的提供使用的便捷度。

• 通过 font-size 控制 icon 大小，color 控制 icon 的颜色。

功能示例

展示区
展示区	图标和文字混排看看对齐情况 效果如何？
大小控制
颜色控制	粉红黄绿浅蓝银色金色

最小示例

<template>
    <Wrapper>
        <VcIcon name="fa-brands fa-bilibili" type="awesome" />
        <VcIcon name="Aim" type="el" />
        <VcIcon name="business" type="svg" />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcIcon from '../icon.vue'
</script>

API

参数