调整图片路径

Project/fonrey/UI&UX/组件清单.md

@@ -13,7 +13,7 @@
 
 ## Data Table （数据表格）
 
-![[Data Table.png]]
+![[IMG-20260425085110506.png]]
 
 #### 1. Data Table（数据表格）— 核心组件
 
@@ -91,7 +91,7 @@
 
 
 ## Modal Dialog （模态对话框）
-![[Modal Dialog.png]]
+![[IMG-20260425085110603.png]]
 ### 🪟 组件名称：Modal Dialog（模态对话框）
 
 图中这个"编辑房源价格"弹窗，包含以下子组件：
@@ -132,7 +132,7 @@
 ## Tree Select/Cascading Dropdown(树形下拉选择器)
 
 ### 🌲 组件名称：Tree Select / Cascading Dropdown（树形下拉选择器）
-![[Tree Select.png]]
+![[IMG-20260425085110666.png]]
 #### 结构拆解
 
 |部位|组件名称|说明|
@@ -187,7 +187,7 @@
 
 
 ## 带搜索的 Tree Select 完整功能清单
-![[Tree Select Search 2.png]]
+![[IMG-20260425085110740.png]]
 ### 🔍 带搜索的 Tree Select 完整功能清单
 
 #### 新增的搜索相关特性
@@ -202,7 +202,7 @@
 
 ## Data Range Picker （日期范围选择）
 
-![[Date Range Picker.png]]
+![[IMG-20260425085110836.png]]
 这个组件的正式名称是 **Date Range Picker（日期范围选择器）**，也叫 **Dual-Month Calendar Picker**。
 
 ---
@@ -344,7 +344,7 @@ html
 
 
 ## Collapsible Card Grid（折叠展开面板）
-![[Collapsible Card Grid.png]]
+![[IMG-20260425085110905.png]]
 
 ### 🪗 组件名称：Collapsible Card Grid（可折叠卡片网格）
 
@@ -404,8 +404,8 @@ html
 
 
 ## Photo Gallery Manager (相册管理器)
-![[Photo Gallery Manager 1.png]]
-![[Photo Gallery Manager 2.png]]
+![[IMG-20260425085110987.png]]
+![[IMG-20260425085111054.png]]
 这两张图合在一起是一个完整的 **Photo Gallery Manager（相册管理器）**，是你上传的所有截图里**功能最复合、复杂度最高**的页面。下面逐一拆解：
 
 ---
@@ -503,7 +503,7 @@ html
 
 
 ## Image Lightbox View （全屏图片灯箱预览器）
-![[Image Lightbox View.jpg]]
+![[IMG-20260425085111135.jpg]]
 ### 🔍 组件名称：Image Lightbox Viewer（全屏图片灯箱预览器）
 
 上一个是**管理后台的相册管理器**（用于上传/删除/分类），这个是**面向用户的全屏预览器**，两者职责完全不同。
@@ -554,7 +554,7 @@ html
 这四个库全部无框架依赖，与你的技术栈完全兼容。继续上传！
 
 ## Accordion Progress Panel（可折叠进度检查面板）
-![[Accordion Progress Panel.png]]
+![[IMG-20260425085111215.png]]
 
 ### 📊 组件名称：Accordion Progress Panel（可折叠进度检查面板）
 
@@ -627,7 +627,7 @@ html
 
 
 ### ✏️ 组件名称：Inline Edit Mode / 页面级读写切换
-![[Inline Edit Mode.png]]
+![[IMG-20260425085111302.png]]
 #### 整体页面结构拆解
 
 |部位|组件名称|可行性|
@@ -724,7 +724,7 @@ html
 
 
 ## Drawer / Slide-over Panel（右侧抽屉面板）
-![[Drawer Slide over.png]]
+![[IMG-20260425085111380.png]]
 ### 🗂️ 组件名称：Drawer / Slide-over Panel（右侧抽屉面板）
 
 #### 整体页面结构拆解
@@ -820,7 +820,7 @@ html
 
 
 ## Multi-select Tag Input（多选标签选择器）
-![[Multi-select with Tag Input.png]]
+![[IMG-20260425085111441.png]]
 ### 🏷️ 组件名称：Multi-select Tag Input（多选标签选择器）
 
 #### 结构拆解
@@ -914,7 +914,7 @@ html
 
 
 ## Dynamic Form Table（动态可增删行表格）
-![[Dynamic Form Table.png]]
+![[IMG-20260425085111508.png]]
 ### ➕ 组件名称：Dynamic Form Table（动态可增删行表格）
 
 #### 结构拆解
@@ -1037,7 +1037,7 @@ html
 
 
 ## Sortable Table with Drag Handle（带拖拽手柄的可排序表格）
-![[Sortable Table with Drage Handle.png]]
+![[IMG-20260425085111585.png]]
 ### ↕️ 组件名称：Sortable Table with Drag Handle（带拖拽手柄的可排序表格）
 
 #### 新增特性拆解
@@ -1144,7 +1144,7 @@ css
 
 
 ## Multi-Table Independent Pagination（同页多表格独立分页）
-![[Multi-Table Independent Pagination.png]]
+![[IMG-20260425085111655.png]]
 ### 📋 组件名称：Multi-Table Independent Pagination（同页多表格独立分页）
 
 #### 页面结构拆解