修正DockIndicator.vue中区域指示器图标样式 - 使用正确的shared-area图标替代shared-icon旋转
This commit is contained in:
@@ -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,99 +130,99 @@
|
|||||||
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
|
||||||
|
|||||||
Reference in New Issue
Block a user