图标 Icon

用于在界面中展示，提升用户体验和界面的视觉效果。可以用于按钮、导航栏、列表项等多个场景，帮助用户快速识别功能和内容。

图标组件库采用 Birdpaper Icon，这是一个基于 RemixIcon 二次封装的 Vue3 组件库。

基础用法

图标的基础用法

<template>
  <bp-space>
    <IconBrush3Line />
    <IconBardLine />
    <IconCompass3Line />
    <IconVuejsLine />
    <IconCelsiusFill />
  </bp-space>
</template>

<script setup lang="ts">
import { IconBrush3Line, IconBardLine, IconCompass3Line, IconVuejsLine, IconCelsiusFill } from "birdpaper-icon";
</script>

Icon 属性

size	图标尺寸	String	18px	-
fill	填充颜色	String	#595959	-
spin	是否持续旋转	Boolean	false	-
rotate	旋转角度	Number	-	-

附加

iconType	图标类型数组	String[]	-	-
iconInfo	图标枚举	Array<{name:string, list:string[]}>	-	-
iconNumbers	图标数量	Number	-	-