Expand description
素材管理(/admin/assets)。
标题行(图片数、已引用、未引用、可清理;「⋯」菜单里重建索引与清理未引用,主操作
上传)→ 引用状态选项卡(带数量)、文件名 / 替代文本搜索与排序 → 缩略图网格与底栏
分页;右侧详情栏查看大图、文件信息、替代文本、引用来源,复制链接或删除(被引用的
禁止删除)。未引用的素材可勾选,底部浮起批量删除条。窄屏详情浮于网格上方。
缩略图走 serve_image 的动态缩放(?thumb=300x300)。样式见
styles/pages/admin-assets.css。
后台数据不进 SSR:列表在浏览器端由 Effect 拉取(带请求世代号防竞态),直开页面时 首屏是骨架屏,水合后再加载。
Modules§
- card 🔒
- 素材网格的一格:缩略图、尺寸、文件名、大小与引用概况。点击在详情栏查看, 未引用的素材右上角可勾选,供批量删除。
- references 🔒
- 素材详情栏:大图(点击进灯箱)、文件信息、替代文本、引用来源、复制链接与删除。 被引用的素材禁止删除并写明引用数。
Structs§
- Assets
Props - Props for the
Assetscomponent. - Assets
Route - 素材管理路由:纯客户端数据,无 SSR 预取。
Enums§
- Body 🔒
- 列表区的互斥状态;用
Memo去重,同一状态内的数据刷新不会重建网格。
Constants§
- ASSETS_
PER_ 🔒PAGE - 每页素材数,与服务端 list.rs 的 PER_PAGE 对齐。
- SEARCH_
DEBOUNCE_ 🔒MS - 搜索输入停顿多久后提交(毫秒)。
Functions§
- Assets
- 素材管理入口组件。
- __
Assets 🔒Route_ View - detail_
docked 🔒 - 视口够宽时详情栏常驻,首屏自动选中第一张。只在 Effect 内调用;服务端恒为
false。 - find_
asset 🔒 - 在本页数据里按 id 找素材。
- parse_
filter 🔒