34 lines
869 B
Markdown
34 lines
869 B
Markdown
# 贴纸编辑 页面设计规范
|
||
|
||
## 基本信息
|
||
|
||
- 路由：`pages/diy/stickerEdit`
|
||
- 分类：`B类`
|
||
- 标题文本：编辑贴纸
|
||
- TabBar：否
|
||
|
||
## 组件调用
|
||
|
||
- **ScrollTopMask**
|
||
- `title="编辑贴纸"`
|
||
- `targetSelector=".edit-header"`
|
||
- `showBack`：`是`
|
||
- **CustomTabBar**：不显示。
|
||
|
||
## 设计要点
|
||
|
||
- 顶部字距：statusBarHeight + 12px（已统一）。
|
||
- 底部安全区：避让 env(safe-area-inset-bottom)。
|
||
- TopMask 出现阈值由 `.edit-header` 测量决定；滚动后标题淡入，位置遵循所在分类通用规范。
|
||
|
||
## 页面特有说明
|
||
|
||
横滑滑块/画布页；返回按钮样式为 edit-back，TopMask 返回按钮保持圆形毛玻璃。
|
||
|
||
## 验收要点
|
||
|
||
- [ ] 顶部字距符合 class 通用规范
|
||
- [ ] TopMask 标题/返回按钮符合预期
|
||
- [ ] 浅色/深色主题正常
|
||
- [ ] iOS / Android 真机表现一致
|