修正DockIndicator.vue中区域指示器图标样式 - 使用正确的shared-area图标替代shared-icon旋转

This commit is contained in:
zqm
2025-11-14 10:05:14 +08:00
parent afdd48bc93
commit b42e317ddd

View File

@@ -67,84 +67,6 @@
<!-- 右区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M20 14 L30 14 L30 30 L20 30 Z" />
<path
d="M20 14 L20 30"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 14 L19 14 L19 30 L10 30 Z" />
</svg>
<!-- 下区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
<path
d="M10 21 L30 21"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 20 L10 20 Z" />
</svg>
<!-- 左区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 14 L19 14 L19 30 L10 30 Z" />
<path
d="M20 14 L20 30"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M20 14 L30 14 L30 30 L20 30 Z" />
</svg>
<!-- 上指示根据activeDockZone状态显示和高亮 -->
<svg
width="41"
@@ -208,100 +130,100 @@
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 20 L10 20 Z" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 20 L30 20 L30 30 L10 30 Z" />
<path
d="M10 20 L30 20"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-left-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 20 L10 20 Z" />
<path
d="M10 20 L30 20"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-right-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 20 L10 20 Z" />
<path
d="M10 20 L30 20"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-bottom-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 20 L10 20 Z" />
<path
d="M10 20 L30 20"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-right-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M20 14 L30 14 L30 30 L20 30 Z" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 14 L20 14 L20 30 L10 30 Z" />
<path
d="M20 14 L20 30"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-bottom-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 21 L30 21 L30 30 L10 30 Z" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 13 L30 13 L30 21 L10 21 Z" />
<path
d="M10 21 L30 21"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
</svg>
<!-- 区指示 -->
<svg
width="41"
height="41"
viewBox="0 0 40 40"
aria-hidden="false"
class="dock-left-area"
>
<use xlink:href="#shared-area" />
<path
fill="url(#Area)"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 14 L20 14 L20 30 L10 30 Z" />
<path
fill="#F0F2F6"
fill-rule="evenodd"
clip-rule="evenodd"
d="M20 14 L30 14 L30 30 L20 30 Z" />
<path
d="M20 14 L20 30"
stroke="#4C5E83"
stroke-dasharray="2,2"
stroke-width="1"
fill="none" />
</svg>
<!-- 中心指示区上方指示器位于中心指示区上边缘距离上边框5像素 -->
<svg
width="41"