Add File
This commit is contained in:
64
UPDATE_AVATAR_POSITION.md
Normal file
64
UPDATE_AVATAR_POSITION.md
Normal 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*
|
||||
Reference in New Issue
Block a user