调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位

This commit is contained in:
zqm
2025-11-14 09:28:45 +08:00
parent 0b8cf468a8
commit 7bd1c52ca8

View File

@@ -245,9 +245,9 @@
<div class="center-dock-container">
<!-- 中心指示区一直可见 -->
<svg
width="215"
height="215"
viewBox="0 0 215 215"
width="235"
height="235"
viewBox="0 0 235 235"
aria-hidden="true"
class="indicator-center-area"
:class="{ 'active': activeDockZone === 'center' }"
@@ -256,12 +256,12 @@
fill="#636873"
fill-rule="evenodd"
clip-rule="evenodd"
d="M0 82 L73 82 L82 73 L82 0 L133 0 L133 73 L143 82 L215 82 L215 133 L143 133 L133 143 L133 215 L82 215 L82 143 L73 133 L0 133 Z" />
d="M0 92 L83 92 L92 83 L92 0 L143 0 L143 83 L153 92 L235 92 L235 143 L153 143 L143 153 L143 235 L92 235 L92 153 L83 143 L0 143 Z" />
<path
fill="#D5DCF0"
fill-rule="evenodd"
clip-rule="evenodd"
d="M1 83 L74 83 L83 74 L83 1 L132 1 L132 74 L142 83 L214 83 L214 132 L142 132 L132 142 L132 214 L83 214 L83 142 L74 132 L1 132 Z" />
d="M1 93 L84 93 L93 84 L93 1 L142 1 L142 84 L152 93 L234 93 L234 142 L152 142 L142 152 L142 234 L93 234 L93 152 L84 142 L1 142 Z" />
</svg>
<!-- 上区指示 -->
@@ -646,8 +646,8 @@ watch(activeDockZone, (newZone) => {
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999; /* 确保在预览区域上方 */
width: 215px;
height: 215px;
width: 235px;
height: 235px;
display: flex;
justify-content: center;
align-items: center;