huihuiSquare/overview-avatar-default-2026-07-21.md

形象风格默认使用当前用户头像

已完成

• 在创建数字分身的 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 已优先覆盖，逻辑自动生效。
• 表情选项和头像选项为互斥；用户可在创建流程中随时切换。