- 新增 state 用于存储用户角色列表 - 登录后调用 listUserRole 接口获取用户角色数据 - 在用户昵称下方展示用户角色,样式为蓝色圆角徽章 - 支持多角色展示,采用 flex-wrap 实现多行换行 - 下拉刷新时同步刷新用户角色信息 - 处理登录、退出及接口异常等边界情况,确保展示稳定
449 B
449 B
2026-07-03
用户页面新增角色展示
- 在
src/pages/user/user.tsx用户信息卡片中新增当前登录用户的系统角色展示 - 通过
listUserRoleAPI (GET /system/user-role?userId=xxx) 获取用户角色列表 - 角色以蓝色圆角徽章形式展示在昵称下方,与会员等级徽章并排
- 支持多角色展示(flex-wrap),支持下拉刷新同步更新
- 登录/退出/API失败等边界情况均已处理