Icon图标

very-plus 推荐使用 xicons 作为图标库.

$ pnpm install @vicons/ionicons5

使用图标

• 如果你想象用例一样直接使用，你需要全局注册组件，才能够在项目中直接使用.

<script setup lang="ts">
import { AddCircle } from '@vicons/ionicons5';
</script>

<template>
  <vt-icon :color="'red'" :size="20">
    <add-circle></add-circle>
  </vt-icon>
  <vt-icon :color="'yellow'" :size="20">
    <add-circle></add-circle>
  </vt-icon>
</template>

API

Icon Props

名称	类型	默认值	说明
color	string	undefined	图片颜色
sieze	number/string	undefined	图片大小