30 lines
1.7 KiB
Markdown
30 lines
1.7 KiB
Markdown
# 形象风格默认使用当前用户头像
|
||
|
||
## 已完成
|
||
- 在创建数字分身的 **Step 2「形象风格」** 中，**「选择形象」默认选中当前用户的会会头像**。
|
||
- 新增「使用我的头像」选项卡片；点击后沿用 `avatarUrl` 作为分身形象。
|
||
- 表情形象选项仍可切换；切换为表情后自动清空 `photoUrl`，最终创建的分身不会误用用户头像。
|
||
|
||
## 关键改动
|
||
- `digital-avatar-app/src/views/AvatarCreate.vue`
|
||
- 新增 `userAvatarUrl` 计算属性。
|
||
- 新增 `usePhoto` 响应式状态；初始化时若用户有头像则默认启用。
|
||
- Step 2 新增「使用我的头像」卡片 + 表情网格。
|
||
- 确认页与提交按 `usePhoto` 决定是否使用 `photoUrl`。
|
||
|
||
## 构建与部署
|
||
- 本地 `./node_modules/.bin/vite build` 通过（绕过已知的 vue-tsc 兼容问题）。
|
||
- 部署路径：`dist/` → `geo-server:/root/avatar-test/run-dist/` → `docker cp avatar-test-frontend:/usr/share/nginx/html/`。
|
||
- 测试环境地址：`http://192.168.1.188:8099`。
|
||
- 已验证线上 `AvatarCreate-Bw_iuiqc.js` 包含新的 `usePhoto` 逻辑与"使用我的头像"文案，首页 HTTP 200。
|
||
|
||
## 设计稿
|
||
- Ardot 设计稿「会会数字分身-形象风格(默认头像)」：
|
||
- 文件地址：https://ardot.tencent.com/file/706264845036089
|
||
- 沿用 Glass Sunset Warm 色系（`#FFF6EC` 背景、`#FF8C42` 强调色、`#4A2511` 文字）。
|
||
- 展示 Step 2 默认选中「使用我的头像」、表情备选网格、回复风格分段选择。
|
||
|
||
## 后续注意
|
||
- 当前仅在 Web H5 实现；uniapp 壳内若从 native 注入 `avatarUrl`，`avatarStore.userProfile` 已优先覆盖，逻辑自动生效。
|
||
- 表情选项和头像选项为互斥；用户可在创建流程中随时切换。
|