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
98 lines
7.6 KiB
Vue
98 lines
7.6 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_231327)">
|
|
<mask
|
|
id="path-1-outside-1_13637_231327"
|
|
maskUnits="userSpaceOnUse"
|
|
x="59"
|
|
y="63"
|
|
width="162"
|
|
height="53"
|
|
fill="black"
|
|
>
|
|
<rect fill="white" x="59" y="63" width="162" height="53" />
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M62 64C60.8954 64 60 64.8954 60 66V108C60 109.105 60.8954 110 62 110H134.56C135.14 110 135.692 110.252 136.072 110.691L139.048 114.127C139.447 114.588 140.161 114.588 140.56 114.127L143.536 110.691C143.916 110.252 144.467 110 145.048 110H218C219.105 110 220 109.105 220 108V66C220 64.8954 219.105 64 218 64H62Z"
|
|
/>
|
|
</mask>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M62 64C60.8954 64 60 64.8954 60 66V108C60 109.105 60.8954 110 62 110H134.56C135.14 110 135.692 110.252 136.072 110.691L139.048 114.127C139.447 114.588 140.161 114.588 140.56 114.127L143.536 110.691C143.916 110.252 144.467 110 145.048 110H218C219.105 110 220 109.105 220 108V66C220 64.8954 219.105 64 218 64H62Z"
|
|
fill="var(--el-bg-color-overlay)"
|
|
/>
|
|
<path
|
|
d="M139.048 114.127L138.594 114.52V114.52L139.048 114.127ZM140.56 114.127L141.013 114.52V114.52L140.56 114.127ZM143.536 110.691L143.989 111.083L143.536 110.691ZM136.072 110.691L135.618 111.083L136.072 110.691ZM60.6 66C60.6 65.2268 61.2268 64.6 62 64.6V63.4C60.5641 63.4 59.4 64.5641 59.4 66H60.6ZM60.6 108V66H59.4V108H60.6ZM62 109.4C61.2268 109.4 60.6 108.773 60.6 108H59.4C59.4 109.436 60.5641 110.6 62 110.6V109.4ZM134.56 109.4H62V110.6H134.56V109.4ZM139.501 113.734L136.525 110.298L135.618 111.083L138.594 114.52L139.501 113.734ZM140.106 113.734C139.947 113.919 139.661 113.919 139.501 113.734L138.594 114.52C139.232 115.257 140.375 115.257 141.013 114.52L140.106 113.734ZM143.082 110.298L140.106 113.734L141.013 114.52L143.989 111.083L143.082 110.298ZM218 109.4H145.048V110.6H218V109.4ZM219.4 108C219.4 108.773 218.773 109.4 218 109.4V110.6C219.436 110.6 220.6 109.436 220.6 108H219.4ZM219.4 66V108H220.6V66H219.4ZM218 64.6C218.773 64.6 219.4 65.2268 219.4 66H220.6C220.6 64.5641 219.436 63.4 218 63.4V64.6ZM62 64.6H218V63.4H62V64.6ZM143.989 111.083C144.255 110.776 144.641 110.6 145.048 110.6V109.4C144.293 109.4 143.576 109.728 143.082 110.298L143.989 111.083ZM134.56 110.6C134.966 110.6 135.352 110.776 135.618 111.083L136.525 110.298C136.032 109.728 135.314 109.4 134.56 109.4V110.6Z"
|
|
fill="var(--el-border-color-dark)"
|
|
mask="url(#path-1-outside-1_13637_231327)"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="70"
|
|
y="74"
|
|
width="46"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="186"
|
|
y="93"
|
|
width="24"
|
|
height="12"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<path
|
|
d="M194.611 99.956L196.522 97.002H195.766L194.303 99.382L192.805 97.002H192.014L193.946 99.956V102H194.611V99.956ZM198.721 99.844H196.642C196.651 99.704 196.681 99.5733 196.733 99.452C196.784 99.326 196.854 99.2163 196.943 99.123C197.031 99.0297 197.136 98.9573 197.258 98.906C197.384 98.85 197.524 98.822 197.678 98.822C197.827 98.822 197.962 98.85 198.084 98.906C198.21 98.9573 198.317 99.0297 198.406 99.123C198.499 99.2117 198.571 99.319 198.623 99.445C198.679 99.571 198.711 99.704 198.721 99.844ZM199.295 100.852H198.707C198.655 101.09 198.548 101.267 198.385 101.384C198.226 101.501 198.021 101.559 197.769 101.559C197.573 101.559 197.402 101.526 197.258 101.461C197.113 101.396 196.994 101.309 196.901 101.202C196.807 101.09 196.74 100.964 196.698 100.824C196.656 100.679 196.637 100.528 196.642 100.369H199.351C199.36 100.15 199.339 99.9187 199.288 99.676C199.241 99.4333 199.152 99.2093 199.022 99.004C198.896 98.7987 198.725 98.6307 198.511 98.5C198.301 98.3647 198.035 98.297 197.713 98.297C197.465 98.297 197.237 98.3437 197.027 98.437C196.821 98.5303 196.642 98.661 196.488 98.829C196.338 98.997 196.222 99.1953 196.138 99.424C196.054 99.6527 196.012 99.9047 196.012 100.18C196.021 100.455 196.061 100.71 196.131 100.943C196.205 101.176 196.315 101.377 196.46 101.545C196.604 101.713 196.782 101.844 196.992 101.937C197.206 102.03 197.458 102.077 197.748 102.077C198.158 102.077 198.499 101.974 198.77 101.769C199.04 101.564 199.215 101.258 199.295 100.852ZM200.332 100.859H199.737C199.746 101.083 199.793 101.274 199.877 101.433C199.961 101.587 200.073 101.713 200.213 101.811C200.353 101.904 200.514 101.972 200.696 102.014C200.878 102.056 201.069 102.077 201.27 102.077C201.452 102.077 201.634 102.058 201.816 102.021C202.002 101.988 202.168 101.928 202.313 101.839C202.462 101.75 202.581 101.634 202.67 101.489C202.763 101.344 202.81 101.162 202.81 100.943C202.81 100.77 202.775 100.626 202.705 100.509C202.639 100.392 202.551 100.297 202.439 100.222C202.331 100.143 202.205 100.08 202.061 100.033C201.921 99.9863 201.776 99.9467 201.627 99.914C201.487 99.8813 201.347 99.851 201.207 99.823C201.067 99.7903 200.941 99.753 200.829 99.711C200.717 99.6643 200.623 99.6083 200.549 99.543C200.479 99.473 200.444 99.3867 200.444 99.284C200.444 99.1907 200.467 99.116 200.514 99.06C200.56 98.9993 200.621 98.9527 200.696 98.92C200.77 98.8827 200.852 98.857 200.941 98.843C201.034 98.829 201.125 98.822 201.214 98.822C201.312 98.822 201.407 98.8337 201.501 98.857C201.599 98.8757 201.687 98.9083 201.767 98.955C201.846 99.0017 201.911 99.0647 201.963 99.144C202.014 99.2187 202.044 99.3143 202.054 99.431H202.649C202.635 99.2117 202.588 99.0297 202.509 98.885C202.429 98.7357 202.322 98.619 202.187 98.535C202.056 98.4463 201.904 98.3857 201.732 98.353C201.559 98.3157 201.37 98.297 201.165 98.297C201.006 98.297 200.845 98.318 200.682 98.36C200.523 98.3973 200.378 98.458 200.248 98.542C200.122 98.6213 200.017 98.7263 199.933 98.857C199.853 98.9877 199.814 99.144 199.814 99.326C199.814 99.5593 199.872 99.7413 199.989 99.872C200.105 100.003 200.25 100.105 200.423 100.18C200.6 100.25 200.791 100.306 200.997 100.348C201.202 100.385 201.391 100.43 201.564 100.481C201.741 100.528 201.888 100.591 202.005 100.67C202.121 100.749 202.18 100.866 202.18 101.02C202.18 101.132 202.152 101.225 202.096 101.3C202.04 101.37 201.967 101.424 201.879 101.461C201.795 101.498 201.701 101.524 201.599 101.538C201.496 101.552 201.398 101.559 201.305 101.559C201.183 101.559 201.064 101.547 200.948 101.524C200.836 101.501 200.733 101.463 200.64 101.412C200.551 101.356 200.479 101.284 200.423 101.195C200.367 101.102 200.336 100.99 200.332 100.859Z"
|
|
fill="white"
|
|
/>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_13637_231327"
|
|
x="46.0666"
|
|
y="50.0671"
|
|
width="187.867"
|
|
height="78.3385"
|
|
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_231327"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_13637_231327"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|