调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位
This commit is contained in:
@@ -243,6 +243,27 @@
|
||||
|
||||
<!-- 中心区域容器:包装中心指示区和中心指示器 -->
|
||||
<div class="center-dock-container">
|
||||
<!-- 中心指示区:一直可见 -->
|
||||
<svg
|
||||
width="215"
|
||||
height="215"
|
||||
viewBox="0 0 215 215"
|
||||
aria-hidden="true"
|
||||
class="indicator-center-area"
|
||||
:class="{ 'active': activeDockZone === 'center' }"
|
||||
>
|
||||
<path
|
||||
fill="#636873"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0 67 L58 67 L67 58 L67 0 L118 0 L118 58 L128 67 L185 67 L185 118 L128 118 L118 128 L118 185 L67 185 L67 128 L58 118 L0 118 Z" />
|
||||
<path
|
||||
fill="#D5DCF0"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M1 68 L59 68 L68 59 L68 1 L117 1 L117 59 L127 68 L184 68 L184 117 L127 117 L117 127 L117 184 L68 184 L68 127 L59 117 L1 117 Z" />
|
||||
</svg>
|
||||
|
||||
<!-- 上区指示 -->
|
||||
<svg
|
||||
width="41"
|
||||
@@ -269,27 +290,6 @@
|
||||
clip-rule="evenodd"
|
||||
d="M10 21 L30 21 L30 30 L10 30 Z" />
|
||||
</svg>
|
||||
<!-- 中心指示区:一直可见 -->
|
||||
<svg
|
||||
width="185"
|
||||
height="185"
|
||||
viewBox="0 0 185 185"
|
||||
aria-hidden="true"
|
||||
class="indicator-center-area"
|
||||
:class="{ 'active': activeDockZone === 'center' }"
|
||||
>
|
||||
<path
|
||||
fill="#636873"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0 67 L58 67 L67 58 L67 0 L118 0 L118 58 L128 67 L185 67 L185 118 L128 118 L118 128 L118 185 L67 185 L67 128 L58 118 L0 118 Z" />
|
||||
<path
|
||||
fill="#D5DCF0"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M1 68 L59 68 L68 59 L68 1 L117 1 L117 59 L127 68 L184 68 L184 117 L127 117 L117 127 L117 184 L68 184 L68 127 L59 117 L1 117 Z" />
|
||||
</svg>
|
||||
|
||||
<!-- 中心指示区上方指示器:位于中心指示区上边缘,距离上边框5像素 -->
|
||||
<svg
|
||||
width="41"
|
||||
@@ -646,8 +646,8 @@ watch(activeDockZone, (newZone) => {
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 9999; /* 确保在预览区域上方 */
|
||||
width: 185px;
|
||||
height: 185px;
|
||||
width: 215px;
|
||||
height: 215px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- 停靠指示器组件 - 设置高z-index确保显示在最顶层 -->
|
||||
<!-- :visible="showDockIndicator" :visible="true" -->
|
||||
<DockIndicator
|
||||
:visible="showDockIndicator"
|
||||
:visible="true"
|
||||
:target-rect="targetAreaRect"
|
||||
:mouse-position="currentMousePosition"
|
||||
@zone-active="onDockZoneActive"
|
||||
|
||||
Reference in New Issue
Block a user