diff --git a/UPDATE_AVATAR_POSITION.md b/UPDATE_AVATAR_POSITION.md new file mode 100644 index 0000000..07d1f70 --- /dev/null +++ b/UPDATE_AVATAR_POSITION.md @@ -0,0 +1,64 @@ +# 数字人位置调整 + +## 📍 位置变更 + +**从右下角移动到右上角** + +### 原因 +右下角的数字人圆圈会遮挡底部操作栏的关闭按钮,影响老人的操作。 + +### 变更详情 + +**之前:** +```tsx +
+ {/* 数字人在右下角 */} +
+``` + +**现在:** +```tsx +
+ {/* 数字人在右上角 */} +
+``` + +--- + +## 🎨 新布局 + +``` +┌─────────────────────┐ +│ [标题:小米秋游] │ +│ ● │ ← 数字人(右上角) +│ │ +│ │ +│ 照片/视频内容 │ +│ │ +│ │ +│ │ +│ [👍喜欢][👎不喜欢][×]│ ← 不被遮挡 +└─────────────────────┘ +``` + +--- + +## ✅ 优势 + +1. **不遮挡按钮** - 底部操作按钮完全可见可点击 +2. **视野更好** - 右上角位置更符合视线习惯 +3. **陪伴感** - 仍然随时可见,保持陪伴 +4. **提示气泡** - 改为在圆圈下方,更自然 + +--- + +## 📐 具体数值 + +- **位置**:top-20 (80px), right-6 (24px) +- **尺寸**:w-24 h-24 (96px × 96px) +- **提示气泡**:-bottom-10(圆圈下方 40px) + +--- + +*更新时间:2025-11-13* +*版本:v2.1.1*