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