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
103 lines
5.1 KiB
Vue
103 lines
5.1 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_15562_77)">
|
|
<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-bg-color-overlay)"
|
|
/>
|
|
<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="69"
|
|
y="64"
|
|
width="24"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<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-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="182"
|
|
y="108"
|
|
width="28"
|
|
height="12"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<path
|
|
d="M189.033 111.479H189.836L192.373 115.546V111.479H193.019V116.5H192.256L189.683 112.436V116.5H189.033V111.479ZM195.534 112.757C195.794 112.757 196.046 112.819 196.29 112.942C196.533 113.063 196.719 113.22 196.847 113.414C196.97 113.598 197.052 113.813 197.093 114.06C197.129 114.228 197.147 114.497 197.147 114.866H194.464C194.476 115.238 194.563 115.536 194.728 115.762C194.892 115.985 195.146 116.097 195.49 116.097C195.811 116.097 196.067 115.991 196.259 115.779C196.368 115.656 196.446 115.513 196.491 115.352H197.096C197.08 115.486 197.027 115.636 196.936 115.803C196.847 115.967 196.746 116.101 196.635 116.206C196.448 116.388 196.217 116.511 195.941 116.575C195.793 116.612 195.625 116.63 195.438 116.63C194.983 116.63 194.597 116.465 194.28 116.134C193.963 115.802 193.805 115.337 193.805 114.74C193.805 114.152 193.964 113.674 194.283 113.308C194.602 112.941 195.019 112.757 195.534 112.757ZM196.515 114.377C196.49 114.111 196.432 113.898 196.341 113.738C196.172 113.442 195.891 113.294 195.497 113.294C195.214 113.294 194.977 113.396 194.786 113.602C194.594 113.804 194.493 114.063 194.481 114.377H196.515ZM197.558 112.839H198.354L199.195 114.128L200.046 112.839L200.794 112.856L199.561 114.624L200.849 116.5H200.063L199.154 115.126L198.272 116.5H197.493L198.781 114.624L197.558 112.839ZM201.529 111.817H202.151V112.839H202.736V113.342H202.151V115.731C202.151 115.859 202.195 115.944 202.281 115.987C202.329 116.012 202.409 116.025 202.521 116.025C202.55 116.025 202.582 116.025 202.616 116.025C202.65 116.023 202.69 116.019 202.736 116.015V116.5C202.665 116.521 202.591 116.535 202.514 116.544C202.438 116.554 202.356 116.558 202.268 116.558C201.98 116.558 201.786 116.485 201.683 116.339C201.581 116.191 201.529 116 201.529 115.765V113.342H201.034V112.839H201.529V111.817Z"
|
|
fill="white"
|
|
/>
|
|
<circle cx="71" cy="115" r="2" fill="var(--el-color-primary)" />
|
|
<circle cx="78" cy="115" r="2" fill="var(--el-border-color-dark)" />
|
|
<circle cx="85" cy="115" r="2" fill="var(--el-border-color-dark)" />
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_15562_77"
|
|
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_15562_77"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_15562_77"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|