This commit is contained in:
2025-12-13 14:46:04 +08:00
parent 76331b48df
commit 108301e077

64
UPDATE_AVATAR_POSITION.md Normal file
View File

@@ -0,0 +1,64 @@
# 数字人位置调整
## 📍 位置变更
**从右下角移动到右上角**
### 原因
右下角的数字人圆圈会遮挡底部操作栏的关闭按钮,影响老人的操作。
### 变更详情
**之前:**
```tsx
<div className="absolute bottom-6 right-6 z-20">
{/* 数字人在右下角 */}
</div>
```
**现在:**
```tsx
<div className="absolute top-20 right-6 z-20">
{/* 数字人在右上角 */}
</div>
```
---
## 🎨 新布局
```
┌─────────────────────┐
│ [标题:小米秋游] │
│ ● │ ← 数字人(右上角)
│ │
│ │
│ 照片/视频内容 │
│ │
│ │
│ │
│ [👍喜欢][👎不喜欢][×]│ ← 不被遮挡
└─────────────────────┘
```
---
## ✅ 优势
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*