feat: complete huihui square avatar workflows

This commit is contained in:
stefanfeng
2026-07-24 14:04:21 +08:00
parent 2ef58a44b8
commit e3bda469bb
68 changed files with 8062 additions and 132 deletions

View File

@@ -0,0 +1,29 @@
# 形象风格默认使用当前用户头像
## 已完成
- 在创建数字分身的 **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` 已优先覆盖,逻辑自动生效。
- 表情选项和头像选项为互斥;用户可在创建流程中随时切换。