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
2.9 KiB
Vue
121 lines
2.9 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_13239_209079)">
|
|
<path
|
|
d="M65 60C65 58.8954 65.8954 58 67 58H213C214.105 58 215 58.8954 215 60V120C215 121.105 214.105 122 213 122H67C65.8954 122 65 121.105 65 120V60Z"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M67 57.7C65.7297 57.7 64.7 58.7297 64.7 60V120C64.7 121.27 65.7297 122.3 67 122.3H213C214.27 122.3 215.3 121.27 215.3 120V60C215.3 58.7297 214.27 57.7 213 57.7H67Z"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="71"
|
|
y="78"
|
|
width="36"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="146"
|
|
y="78"
|
|
width="36"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="71"
|
|
y="110"
|
|
width="62"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<path
|
|
d="M65 60C65 58.8954 65.8954 58 67 58H213C214.105 58 215 58.8954 215 60V70H65V60Z"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="146"
|
|
y="63"
|
|
width="12"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="71"
|
|
y="63"
|
|
width="12"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<path d="M65 90H215V102H65V90Z" fill="var(--el-border-color-light)" />
|
|
<rect
|
|
x="71"
|
|
y="95"
|
|
width="12"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<line
|
|
x1="140.25"
|
|
y1="58"
|
|
x2="140.25"
|
|
y2="90"
|
|
stroke="var(--el-border-color-light)"
|
|
stroke-width="0.5"
|
|
/>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_13239_209079"
|
|
x="51.0666"
|
|
y="44.0671"
|
|
width="177.867"
|
|
height="91.8659"
|
|
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_13239_209079"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_13239_209079"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|