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
105 lines
3.3 KiB
Vue
105 lines
3.3 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_13637_231257)">
|
|
<path
|
|
d="M60 54C60 52.8954 60.8954 52 62 52H218C219.105 52 220 52.8954 220 54V126C220 127.105 219.105 128 218 128H62C60.8954 128 60 127.105 60 126V54Z"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M62 51.7C60.7297 51.7 59.7 52.7297 59.7 54V126C59.7 127.27 60.7297 128.3 62 128.3H218C219.27 128.3 220.3 127.27 220.3 126V54C220.3 52.7297 219.27 51.7 218 51.7H62Z"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="146"
|
|
y="108"
|
|
width="28"
|
|
height="12"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="69"
|
|
y="64"
|
|
width="24"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="69"
|
|
y="77"
|
|
width="67"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="69"
|
|
y="87"
|
|
width="44"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<path
|
|
d="M209.969 63.68L208 65.6487L206.031 63.68C205.979 63.6331 205.92 63.6097 205.855 63.6097C205.79 63.6097 205.733 63.6345 205.683 63.684C205.634 63.7335 205.609 63.7908 205.609 63.856C205.609 63.9211 205.633 63.9797 205.679 64.0317L207.648 66.0005L205.679 67.9692C205.612 68.0369 205.59 68.1176 205.613 68.2115C205.636 68.3053 205.694 68.3639 205.785 68.3872C205.876 68.4105 205.958 68.3884 206.031 68.3207L208 66.352L209.968 68.3207C210.021 68.3675 210.079 68.391 210.144 68.391C210.209 68.391 210.267 68.3662 210.316 68.3167C210.366 68.2672 210.391 68.2099 210.39 68.1447C210.39 68.0795 210.367 68.021 210.32 67.969L208.351 66.0002L210.32 64.0315C210.388 63.9638 210.41 63.883 210.387 63.7892C210.363 63.6954 210.305 63.6368 210.211 63.6135C210.117 63.5901 210.036 63.6123 209.969 63.68Z"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="182"
|
|
y="108"
|
|
width="28"
|
|
height="12"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect x="188" y="113" width="16" height="2" rx="1" fill="white" />
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_13637_231257"
|
|
x="46.0666"
|
|
y="38.0671"
|
|
width="187.867"
|
|
height="103.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_13637_231257"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_13637_231257"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|