Skip to main content

Module profile

Module profile 

Source
Expand description

个人信息页面模块(当前账号资料与密码)。 后台「个人信息」页面(/admin/profile)。

管理当前登录账号的展示资料(显示名称 / 头像 / 邮箱)与登录密码; username 是唯一登录凭据,只读展示。

布局:单列居中卡片流(max-w-2xl)——身份卡(头像 + 展示名 + 角色徽章 + 注册时间)→「基本资料」卡 →「安全」卡。与站点设置页的 scroll-spy 分区 布局刻意不同:本页只有 2-3 个分区,纵向堆叠一次看完,无需左侧导航。

数据流(照 settings 分区的 wasm 门控模式,见 settings/mod.rs 模块文档):

  • 挂载后 use_effect 一次性拉取 get_profile 并回填草稿信号 (一次性「种子」回填,草稿随后与已存值分叉,非派生状态);
  • 保存成功后用响应里的 PublicUser 同步刷新 UserContext, 侧栏用户卡片即时更新,无需整页刷新;
  • 头像选择复用 AssetPickerModal 单选模式(上传新图 / 素材库选择同一弹窗)。

注意:AssetPickerModalposition: fixed 弹层,必须挂在 animate-page-enter 动画树之外——CSS transform 会让 fixed 定位 以变换祖先为参照系而非视口(MCP 页已踩过,见 mcp.rs 修复记录)。 因此本页外层是无动画的布局 wrapper,动画类只加在内容列上。

Re-exports§

pub use Profile_completions::Component::Profile;

Functions§

Profile
后台个人信息页面组件。