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 - 引用明细浮层的一行:图标 + 文案 + 状态徽标 + 跳转。