图标组件

介绍

本文介绍如何在 vue3-element-admin 项目中使用本地图标组件，项目通过 @unocss/preset-icons 加载本地 SVG 图标。

使用示例

首先访问 iconfont 下载所需的 SVG 图标，并将其复制到 src/assets/icons 目录下。可以参考该目录中的现有图标格式，例如下载一个名为 home.svg 的图标，然后直接使用 i-svg:图标名称 调用，例如：

<template>
  <!-- 默认尺寸 1em，颜色 currentColor ,继承父级的文本颜色 -->
  <div class="i-svg:home"></div>

  <!-- 自定义颜色和尺寸 -->
  <div class="i-svg:home text-xl text-blue-500"></div>   
</template>

整合文档

• 使用 @unocss/preset-icons 加载本地 SVG 图标