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