Skip to content

zs-icon 图标组件

功能描述

图标组件用于显示各种图标,支持多种图标库。

属性

属性名类型说明
iconstring图标名称
sizenumber | string图标大小
colorstring图标颜色

使用示例

vue
<template>
  <div>
    <zs-icon icon="user" :size="24" color="#165DFF" />
    <zs-icon icon="setting" :size="32" color="#722ED1" />
  </div>
</template>

<script lang="ts" setup>
import ZsIcon from '@/components/zs-icon';
</script>