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