VC 组件库

功能

基于 iconfont.cn 封装的 icon 组件。使用全量加载。

通过 font-size 控制 icon 大小，color 控制 icon 的颜色。
你可以通过 iconfont.cn 挑选你需要 icon。
最后加载 Symbol 模式提供的 js 即可使用，像这样

html

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- .... -->
        <!-- iconfont 提供的 js，你需要换成自己的 js 地址 -->
        <script src="//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js"></script>
        <!-- .... -->
    </head>
</html>

功能示例

展示区

大小控制

颜色控制
粉红黄绿浅蓝银色金色

最小示例

vue

<template>
    <Wrapper>
        <HSVGIcon name="role" />
    </Wrapper>
</template>

<script lang="ts" setup>
import Wrapper from '@/components/simple-wrapper.vue'
import HSVGIcon from '../index.vue'
</script>

API

参数