独立中心指示器层级修正
- 修正 center-main-indicator z-index 从 10 更新为 10000 - 确保独立中心指示器位于 center-dock-container 上层 - 删除残留的 indicator-center 样式定义 - 更新文档中的 z-index 说明和层级结构图 - 清理代码并同步文档描述
This commit is contained in:
@@ -56,37 +56,35 @@
|
||||
| `indicator-center-bottom` | `center-edge-bottom` | 中心区域下边缘指示器 |
|
||||
| `indicator-center-left` | `center-edge-left` | 中心区域左边缘指示器 |
|
||||
|
||||
### 6. 中心指示器(Center Indicator)
|
||||
位于中心区域中央的指示器。
|
||||
### 6. 独立中心指示器(Independent Center Indicator)
|
||||
位于与中心区域容器同级的独立中心指示器,具有更高层级(z-index:10000)。
|
||||
|
||||
| 当前名称 | 建议命名 | 用途说明 |
|
||||
|---------|---------|----------|
|
||||
| `indicator-center` | `center-main-indicator` | 中心主指示器 |
|
||||
| `center-main-indicator` | - | 独立中心指示器,与中心区域容器同级但位于容器上层(z-index:10000),位于容器正中央,提供主要的中心区域交互入口 |
|
||||
|
||||
## 层级结构图
|
||||
|
||||
```
|
||||
DockIndicator
|
||||
├── 外部边缘指示器
|
||||
│ ├── global-top-indicator (indicator-top)
|
||||
│ ├── global-right-indicator (indicator-right)
|
||||
│ ├── global-bottom-indicator (indicator-bottom)
|
||||
│ └── global-left-indicator (indicator-left)
|
||||
└── 中心区域容器 (center-dock-container)
|
||||
├── 中心指示区 (center-dock-zone)
|
||||
│ └── indicator-center-area
|
||||
├── 子区域指示器
|
||||
│ ├── center-top-area (dock-top-area)
|
||||
│ ├── center-right-area (dock-right-area)
|
||||
│ ├── center-bottom-area (dock-bottom-area)
|
||||
│ └── center-left-area (dock-left-area)
|
||||
├── 边缘方向指示器
|
||||
│ ├── center-edge-top (indicator-center-top)
|
||||
│ ├── center-edge-right (indicator-center-right)
|
||||
│ ├── center-edge-bottom (indicator-center-bottom)
|
||||
│ └── center-edge-left (indicator-center-left)
|
||||
└── 中心指示器
|
||||
└── center-main-indicator (indicator-center)
|
||||
│ ├── indicator-top (global-top-indicator)
|
||||
│ ├── indicator-right (global-right-indicator)
|
||||
│ ├── indicator-bottom (global-bottom-indicator)
|
||||
│ └── indicator-left (global-left-indicator)
|
||||
├── 中心区域容器 (center-dock-container)
|
||||
│ ├── 中心指示区 (indicator-center-area)
|
||||
│ ├── 边缘方向指示器
|
||||
│ │ ├── 中心指示区上方指示器 (indicator-center-top)
|
||||
│ │ ├── 中心指示区右侧指示器 (indicator-center-right)
|
||||
│ │ ├── 中心指示区下方指示器 (indicator-center-bottom)
|
||||
│ │ └── 中心指示区左侧指示器 (indicator-center-left)
|
||||
│ └── 子区域指示器
|
||||
│ ├── 上区指示 (dock-top-area)
|
||||
│ ├── 右区指示 (dock-right-area)
|
||||
│ ├── 下区指示 (dock-bottom-area)
|
||||
│ └── 左区指示 (dock-left-area)
|
||||
└── 独立中心指示器 (center-main-indicator) [位于中心区域容器上层,z-index:10000]
|
||||
```
|
||||
|
||||
## 命名原则
|
||||
@@ -119,22 +117,58 @@ DockIndicator
|
||||
## 中文沟通用词建议
|
||||
|
||||
- **全局顶部指示器**:指代全局顶部边缘指示器
|
||||
- **全局右侧指示器**:指代全局右侧边缘指示器
|
||||
- **全局底部指示器**:指代全局底部边缘指示器
|
||||
- **全局左侧指示器**:指代全局左侧边缘指示器
|
||||
- **独立中心指示器**:指代center-main-indicator,与中心区域容器同级但位于容器上层的独立中心指示器(z-index:10)
|
||||
- **中心区域**:指代center-dock-container
|
||||
- **中心停靠区**:指代center-dock-zone
|
||||
- **中心各子区域**:分别称为"上方半透明区域"、"右侧半透明区域"、"下方半透明区域"、"左侧半透明区域"(鼠标悬停时显示停靠依靠区)
|
||||
- **中心边缘指示器**:分别称为"上边缘指示器"、"右边缘指示器"、"下边缘指示器"、"左边缘指示器"
|
||||
- **中心主指示器**:指代中心的中央指示器
|
||||
- **中心上方区域**:指代center-top-area,鼠标悬停显示停靠依靠区
|
||||
- **中心右侧区域**:指代center-right-area,鼠标悬停显示停靠依靠区
|
||||
- **中心下方区域**:指代center-bottom-area,鼠标悬停显示停靠依靠区
|
||||
- **中心左侧区域**:指代center-left-area,鼠标悬停显示停靠依靠区
|
||||
- **中心上边缘指示器**:指代center-edge-top,用于精确停靠定位
|
||||
- **中心右边缘指示器**:指代center-edge-right,用于精确停靠定位
|
||||
- **中心下边缘指示器**:指代center-edge-bottom,用于精确停靠定位
|
||||
- **中心左边缘指示器**:指代center-edge-left,用于精确停靠定位
|
||||
|
||||
---
|
||||
|
||||
**文档版本**:v1.2
|
||||
**文档版本**:v1.8
|
||||
**创建日期**:2024年
|
||||
**最后更新**:2024年
|
||||
**适用范围**:DockIndicator.vue 组件
|
||||
|
||||
## 更新日志
|
||||
|
||||
### v1.2 (当前版本)
|
||||
### v1.8 (当前版本)
|
||||
- **重要修正**:移除文档中不准确的`indicator-center`描述,反映真实代码状态
|
||||
- 删除"中心指示器"章节,该组件已从模板中移除
|
||||
- 修正层级结构图,移除不存在的`indicator-center`节点
|
||||
- 增强中文沟通用词建议,提供更详细的指示器说明
|
||||
- **层级修正**:将独立中心指示器z-index从10更新为10000,确保其位于中心区域容器之上
|
||||
- **代码清理**:删除DockIndicator.vue中残留的无用indicator-center样式定义
|
||||
|
||||
### v1.7 (前一版本)
|
||||
- 修改DockIndicator.vue代码,实现将中心指示器移到与中心区域容器同级
|
||||
- 保持中心指示器位置相对于中心区域容器正中央
|
||||
- 更新层级结构图,增加独立中心指示器层级
|
||||
- 新增独立中心指示器分类说明
|
||||
- 更新层级结构图格式和内容
|
||||
|
||||
### v1.6 (前一版本)
|
||||
- 根据实际代码情况更新文档结构
|
||||
- 移除独立中心指示器相关内容,确认真实实现为单一的center-dock-container内部指示器
|
||||
- 更新层级结构图,反映实际的DOM层级结构
|
||||
- 统一文档内容与代码实现的一致性
|
||||
|
||||
### v1.3
|
||||
- 添加独立中心指示器相关命名约定
|
||||
- 更新层级结构图,增加独立中心指示器层级
|
||||
- 更新中文沟通用词建议,增加独立中心指示器相关词汇
|
||||
- 调整中心指示器分类,区分容器内外两种类型
|
||||
|
||||
### v1.2
|
||||
- 添加子区域指示器功能实现记录
|
||||
- 更新文档以反映半透明依靠区功能的完成状态
|
||||
|
||||
|
||||
Reference in New Issue
Block a user