mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-15 02:40:46 +08:00
9480129c85
* 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
121 lines
3.0 KiB
Vue
121 lines
3.0 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_13752_240019)">
|
|
<path
|
|
d="M60 50C60 48.8954 60.8954 48 62 48H218C219.105 48 220 48.8954 220 50V130C220 131.105 219.105 132 218 132H62C60.8954 132 60 131.105 60 130V50Z"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M62 47.7C60.7297 47.7 59.7 48.7297 59.7 50V130C59.7 131.27 60.7297 132.3 62 132.3H218C219.27 132.3 220.3 131.27 220.3 130V50C220.3 48.7297 219.27 47.7 218 47.7H62Z"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="70"
|
|
y="58"
|
|
width="57"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="70"
|
|
y="82"
|
|
width="57"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="70"
|
|
y="106"
|
|
width="57"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<line
|
|
x1="68"
|
|
y1="71.6"
|
|
x2="212"
|
|
y2="71.6"
|
|
stroke="var(--el-color-primary)"
|
|
stroke-width="0.8"
|
|
/>
|
|
<line
|
|
x1="68"
|
|
y1="95.6"
|
|
x2="212"
|
|
y2="95.6"
|
|
stroke="var(--el-color-primary)"
|
|
stroke-width="0.8"
|
|
stroke-dasharray="2 2"
|
|
/>
|
|
<line
|
|
x1="68"
|
|
y1="119.6"
|
|
x2="134"
|
|
y2="119.6"
|
|
stroke="var(--el-color-primary)"
|
|
stroke-width="0.8"
|
|
/>
|
|
<line
|
|
x1="146"
|
|
y1="119.6"
|
|
x2="212"
|
|
y2="119.6"
|
|
stroke="var(--el-color-primary)"
|
|
stroke-width="0.8"
|
|
/>
|
|
<path
|
|
d="M139 117.5L139.529 118.772L140.902 118.882L139.856 119.778L140.176 121.118L139 120.4L137.824 121.118L138.144 119.778L137.098 118.882L138.471 118.772L139 117.5Z"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_13752_240019"
|
|
x="46.0666"
|
|
y="34.0671"
|
|
width="187.867"
|
|
height="111.866"
|
|
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="6.66667" />
|
|
<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_13752_240019"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_13752_240019"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|