feat(user): 在用户页面新增角色展示功能

- 新增 state 用于存储用户角色列表
- 登录后调用 listUserRole 接口获取用户角色数据
- 在用户昵称下方展示用户角色,样式为蓝色圆角徽章
- 支持多角色展示,采用 flex-wrap 实现多行换行
- 下拉刷新时同步刷新用户角色信息
- 处理登录、退出及接口异常等边界情况,确保展示稳定
This commit is contained in:
2026-07-03 17:59:56 +08:00
parent f202d44b5b
commit 2deaaffe13
2 changed files with 36 additions and 2 deletions

View File

@@ -0,0 +1,8 @@
# 2026-07-03
## 用户页面新增角色展示
-`src/pages/user/user.tsx` 用户信息卡片中新增当前登录用户的系统角色展示
- 通过 `listUserRole` API (`GET /system/user-role?userId=xxx`) 获取用户角色列表
- 角色以蓝色圆角徽章形式展示在昵称下方,与会员等级徽章并排
- 支持多角色展示flex-wrap支持下拉刷新同步更新
- 登录/退出/API失败等边界情况均已处理