feat: 添加svg插件

罗广辉

2025-03-27 7ee9d028f5ddbc6564de554916875b895d699bae

 README.md

@@ -174,4 +174,38 @@

### **📌 字体大小特别说明**

如果需要设置 **字体大小**，也应使用 `wToR()` 进行转换，以确保在不同分辨率设备上表现一致。
如果需要设置 **字体大小**，也应使用 `wToR()` 进行转换，以确保在不同分辨率设备上表现一致。

## **SVG 图标使用指南**

本项目使用 **`vite-plugin-svg-icons`** 插件进行 SVG 图标管理，支持按需加载，减少体积，提高渲染效率。

------

### **📌 1. 添加 SVG 图标**

将 **SVG 文件** 拷贝到以下目录：

```
/src/assets/svg/
```

例如，将 `user.svg` 放入该目录。

------

### **📌 2. 在组件中使用 SVG 图标**

使用 `SvgIcon` 组件加载 SVG 图标，并支持**自定义颜色和尺寸**：

```
<SvgIcon name="user" color="red" :size="48" className="userClass" />
```

 🔹 `name`：对应 `/src/assets/svg/` 目录下的 SVG 文件名（无需后缀 `.svg`）。

 🔹 `color`：可选，设置图标颜色。

 🔹 `size`：可选，设置图标大小，单位 `px`。

 🔹 `size`：可选，设置图标类名。