Skip to content

SvgIcon 图标组件

需要配合vite插件 vite-plugin-purge-icons vite-plugin-svg-icons使用,自定义的svg字体图标需要放到规定的目录下src/assets/svg

基础用法

vue
<script setup lang="ts">
  import {SvgIcon} from "@dfsj/components";  
</script>

<template>
  <template>
    <SvgIcon
        name="'mdi:user'"
    />
  </template>
</template>

属性

属性说明类型可选值默认值
name名称string-
size尺寸number-16
spin加载效果boolean-false
prefix前缀string-icon

TIP

如果设置颜色需设置到包裹的外层style