element-plus/docs/.vitepress/vitepress/components/overview-icons/ov-scrollbar.vue
kooriookami 9480129c85
docs(docs): add overview page (#15749)
* docs(docs): add overview page

* docs: add tag

* docs: add empty

* docs: support 2k 4k

* style: update

* docs: update

* docs: add icon demo

* feat: update

* docs: add icons

* docs: update

* style: update

* style: update

* style: update

* docs: update

* docs: update

* docs: update

* docs: add icons

* docs: update

* docs: add designed by

* docs: update
2024-02-28 13:24:05 +08:00

72 lines
2.2 KiB
Vue

<template>
<svg
width="280"
height="180"
viewBox="0 0 280 180"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="280" height="180" fill="var(--el-fill-color-light)" />
<g filter="url(#filter0_d_12403_168893)">
<path
d="M89 61C89 59.8954 89.8954 59 91 59H189C190.105 59 191 59.8954 191 61V119C191 120.105 190.105 121 189 121H91C89.8954 121 89 120.105 89 119V61Z"
fill="var(--el-fill-color-blank)"
/>
<path
d="M91 58.7C89.7297 58.7 88.7 59.7297 88.7 61V119C88.7 120.27 89.7297 121.3 91 121.3H189C190.27 121.3 191.3 120.27 191.3 119V61C191.3 59.7297 190.27 58.7 189 58.7H91Z"
stroke="var(--el-border-color-dark)"
stroke-width="0.6"
/>
</g>
<rect
x="186"
y="77"
width="4"
height="27"
rx="2"
fill="var(--el-color-primary)"
/>
<path d="M90 67H190V67.8H90V67Z" fill="var(--el-border-color-dark)" />
<circle cx="94.5" cy="63.5" r="1.5" fill="var(--el-border-color-dark)" />
<circle cx="99.5" cy="63.5" r="1.5" fill="var(--el-border-color-dark)" />
<circle cx="104.5" cy="63.5" r="1.5" fill="var(--el-border-color-dark)" />
<defs>
<filter
id="filter0_d_12403_168893"
x="80.4"
y="50.4004"
width="119.2"
height="79.1992"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_12403_168893"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_12403_168893"
result="shape"
/>
</filter>
</defs>
</svg>
</template>