Skip to main content

Module assets

Module assets 

Source
Expand description

素材管理页面模块。 素材管理页面。

网格浏览 uploads/ 已登记图片:搜索(文件名/alt)、引用状态筛选 (全部/引用中/未引用)、排序(最新/最大)、客户端分页。 「被 N 处引用」徽标可点击,弹出引用明细浮层(文章/评论/头像分组, 含跳转链接与草稿/回收站状态徽标)。 缩略图直接复用 serve_image 的动态处理(?thumb=300x300),零额外成本。

缩略图采用与前台正文图一致的 .blur-img 双层结构(?w=20 占位 + data-src 展示层),点击由全局注入的 lightbox.js 接管为灯箱预览(图集模式,当前页内 左右切换,灯箱加载原图 = data-src 去 query)。数据异步到达/刷新后由 use_effect__initLightbox 绑定;TS 端有 data-lb-bound 守卫,重复绑定幂等。

Re-exports§

pub use Assets_completions::Component::Assets;

Constants§

ACCOUNT_ICON_PATH 🔒
ARTICLE_ICON_PATH 🔒
Material Symbols 图标 path(Google 原版存档见 public/icons/; 组件内 fill=currentColor 随明暗主题)。
ASSETS_PER_PAGE 🔒
每页素材数,与服务端 list.rs 的 PER_PAGE 对齐。
COMMENT_ICON_PATH 🔒
LINK_ICON_PATH 🔒
OPEN_NEW_ICON_PATH 🔒

Functions§

Assets
素材管理入口组件。
ref_icon 🔒
浮层行内 Material Symbols 图标(标准 960 视口 + currentColor,明暗主题自适应)。
render_ref_row 🔒
引用明细浮层的一行:图标 + 文案 + 状态徽标 + 跳转。