From 7ee9d028f5ddbc6564de554916875b895d699bae Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Thu, 27 Mar 2025 10:18:49 +0800
Subject: [PATCH] feat: 添加svg插件

---
 README.md |   36 +++++++++++++++++++++++++++++++++++-
 1 files changed, 35 insertions(+), 1 deletions(-)

diff --git a/README.md b/README.md
index ac20020..af431a6 100644
--- a/README.md
+++ b/README.md
@@ -174,4 +174,38 @@
 
 ### **📌 字体大小特别说明**
 
-如果需要设置 **字体大小**，也应使用 `wToR()` 进行转换，以确保在不同分辨率设备上表现一致。
\ No newline at end of file
+如果需要设置 **字体大小**，也应使用 `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`：可选，设置图标类名。
\ No newline at end of file

--
Gitblit v1.9.3