diff --git a/Project/fonrey/screenshots/页面组件/Data Table.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110506.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Data Table.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110506.png diff --git a/Project/fonrey/screenshots/页面组件/Modal Dialog.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110603.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Modal Dialog.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110603.png diff --git a/Project/fonrey/screenshots/页面组件/Tree Select.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110666.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Tree Select.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110666.png diff --git a/Project/fonrey/screenshots/页面组件/Tree Select Search 2.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110740.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Tree Select Search 2.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110740.png diff --git a/Project/fonrey/screenshots/页面组件/Date Range Picker.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110836.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Date Range Picker.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110836.png diff --git a/Project/fonrey/screenshots/页面组件/Collapsible Card Grid.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110905.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Collapsible Card Grid.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110905.png diff --git a/Project/fonrey/screenshots/页面组件/Photo Gallery Manager 1.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110987.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Photo Gallery Manager 1.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085110987.png diff --git a/Project/fonrey/screenshots/页面组件/Photo Gallery Manager 2.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111054.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Photo Gallery Manager 2.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111054.png diff --git a/Project/fonrey/screenshots/页面组件/Image Lightbox View.jpg b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111135.jpg similarity index 100% rename from Project/fonrey/screenshots/页面组件/Image Lightbox View.jpg rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111135.jpg diff --git a/Project/fonrey/screenshots/页面组件/Accordion Progress Panel.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111215.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Accordion Progress Panel.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111215.png diff --git a/Project/fonrey/screenshots/页面组件/Inline Edit Mode.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111302.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Inline Edit Mode.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111302.png diff --git a/Project/fonrey/screenshots/页面组件/Drawer Slide over.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111380.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Drawer Slide over.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111380.png diff --git a/Project/fonrey/screenshots/页面组件/Multi-select with Tag Input.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111441.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Multi-select with Tag Input.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111441.png diff --git a/Project/fonrey/screenshots/页面组件/Dynamic Form Table.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111508.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Dynamic Form Table.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111508.png diff --git a/Project/fonrey/screenshots/页面组件/Sortable Table with Drage Handle.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111585.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Sortable Table with Drage Handle.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111585.png diff --git a/Project/fonrey/screenshots/页面组件/Multi-Table Independent Pagination.png b/Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111655.png similarity index 100% rename from Project/fonrey/screenshots/页面组件/Multi-Table Independent Pagination.png rename to Asset/Attachment/Project/fonrey/UI&UX/组件清单/IMG-20260425085111655.png diff --git a/Project/fonrey/UI&UX/组件清单.md b/Project/fonrey/UI&UX/组件清单.md index 3d42dfd0..71876fa6 100644 --- a/Project/fonrey/UI&UX/组件清单.md +++ b/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（同页多表格独立分页） #### 页面结构拆解