调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user