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
193 lines
13 KiB
Vue
193 lines
13 KiB
Vue
<template>
|
|
<svg
|
|
width="280"
|
|
height="180"
|
|
viewBox="0 0 280 180"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g clip-path="url(#clip0_13099_176757)">
|
|
<rect width="280" height="180" fill="var(--el-fill-color-light)" />
|
|
<rect
|
|
x="90.5"
|
|
y="62.5"
|
|
width="99"
|
|
height="19"
|
|
rx="1.5"
|
|
fill="var(--el-fill-color-blank)"
|
|
stroke="var(--el-color-primary)"
|
|
/>
|
|
<path
|
|
d="M98 74.2854C98.6469 74.2695 99.1856 74.0463 99.616 73.6157C100.047 73.1851 100.27 72.6464 100.286 71.9997C100.27 71.3528 100.047 70.8142 99.616 70.3837C99.1854 69.9532 98.6468 69.73 98 69.714C97.3532 69.7298 96.8145 69.9531 96.384 70.3837C95.9536 70.8143 95.7303 71.3529 95.7143 71.9997C95.7302 72.6465 95.9534 73.1852 96.384 73.6157C96.8146 74.0462 97.3533 74.2694 98 74.2854ZM98 74.6663C97.246 74.6465 96.618 74.3856 96.116 73.8837C95.6141 73.3817 95.3532 72.7537 95.3334 71.9997C95.3532 71.2456 95.6141 70.6176 96.116 70.1157C96.618 69.6137 97.246 69.3528 98 69.333C98.7541 69.3528 99.3821 69.6137 99.884 70.1157C100.386 70.6176 100.647 71.2456 100.667 71.9997C100.647 72.7537 100.386 73.3817 99.884 73.8837C99.3821 74.3856 98.7541 74.6465 98 74.6663ZM97.8096 70.4759C97.8652 70.4759 97.9108 70.4937 97.9465 70.5294C97.9822 70.5651 98 70.6107 98 70.6663V72.1902C98 72.2458 97.9822 72.2914 97.9465 72.3271C97.9108 72.3628 97.8652 72.3806 97.8096 72.3806C97.7539 72.3806 97.7083 72.3628 97.6726 72.3271C97.6369 72.2914 97.6191 72.2458 97.6191 72.1902V70.6663C97.6191 70.6107 97.6369 70.5651 97.6726 70.5294C97.7083 70.4937 97.7539 70.4759 97.8096 70.4759ZM97.8096 71.9997H99.3334C99.4604 71.9997 99.5239 72.0632 99.5239 72.1902C99.5239 72.3171 99.4604 72.3806 99.3334 72.3806H97.8096C97.6826 72.3806 97.6191 72.3171 97.6191 72.1902C97.6191 72.0632 97.6826 71.9997 97.8096 71.9997Z"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<path
|
|
d="M106.424 70.328C106.616 70.328 106.803 70.312 106.984 70.28C107.165 70.248 107.328 70.1947 107.472 70.12C107.621 70.0453 107.747 69.9493 107.848 69.832C107.955 69.7147 108.024 69.5707 108.056 69.4H108.8V75H107.8V71.048H106.424V70.328ZM114.581 75H110.757C110.763 74.536 110.875 74.1307 111.093 73.784C111.312 73.4373 111.611 73.136 111.989 72.88C112.171 72.7467 112.36 72.6187 112.557 72.496C112.755 72.368 112.936 72.232 113.101 72.088C113.267 71.944 113.403 71.7893 113.509 71.624C113.616 71.4533 113.672 71.2587 113.677 71.04C113.677 70.9387 113.664 70.832 113.637 70.72C113.616 70.6027 113.571 70.496 113.501 70.4C113.432 70.2987 113.336 70.216 113.213 70.152C113.091 70.0827 112.931 70.048 112.733 70.048C112.552 70.048 112.4 70.0853 112.277 70.16C112.16 70.2293 112.064 70.328 111.989 70.456C111.92 70.5787 111.867 70.7253 111.829 70.896C111.797 71.0667 111.779 71.2507 111.773 71.448H110.861C110.861 71.1387 110.901 70.8533 110.981 70.592C111.067 70.3253 111.192 70.096 111.357 69.904C111.523 69.712 111.723 69.5627 111.957 69.456C112.197 69.344 112.475 69.288 112.789 69.288C113.131 69.288 113.416 69.344 113.645 69.456C113.875 69.568 114.059 69.7093 114.197 69.88C114.341 70.0507 114.443 70.2373 114.501 70.44C114.56 70.6373 114.589 70.8267 114.589 71.008C114.589 71.232 114.555 71.4347 114.485 71.616C114.416 71.7973 114.323 71.9653 114.205 72.12C114.088 72.2693 113.955 72.408 113.805 72.536C113.656 72.664 113.501 72.784 113.341 72.896C113.181 73.008 113.021 73.1147 112.861 73.216C112.701 73.3173 112.552 73.4187 112.413 73.52C112.28 73.6213 112.163 73.728 112.061 73.84C111.96 73.9467 111.891 74.0613 111.853 74.184H114.581V75ZM115.443 73.92H116.555V75H115.443V73.92ZM115.443 70.952H116.555V72.032H115.443V70.952ZM119.341 69.288C119.741 69.288 120.067 69.3813 120.317 69.568C120.573 69.7493 120.771 69.984 120.909 70.272C121.053 70.5547 121.149 70.8667 121.197 71.208C121.251 71.5493 121.277 71.88 121.277 72.2C121.277 72.52 121.251 72.8507 121.197 73.192C121.149 73.5333 121.053 73.848 120.909 74.136C120.771 74.4187 120.573 74.6533 120.317 74.84C120.067 75.0213 119.741 75.112 119.341 75.112C118.941 75.112 118.613 75.0213 118.357 74.84C118.107 74.6533 117.909 74.4187 117.765 74.136C117.627 73.848 117.531 73.5333 117.477 73.192C117.429 72.8507 117.405 72.52 117.405 72.2C117.405 71.88 117.429 71.5493 117.477 71.208C117.531 70.8667 117.627 70.5547 117.765 70.272C117.909 69.984 118.107 69.7493 118.357 69.568C118.613 69.3813 118.941 69.288 119.341 69.288ZM119.341 74.352C119.539 74.352 119.704 74.296 119.837 74.184C119.971 74.0667 120.075 73.912 120.149 73.72C120.229 73.5227 120.285 73.2933 120.317 73.032C120.349 72.7707 120.365 72.4933 120.365 72.2C120.365 71.9067 120.349 71.632 120.317 71.376C120.285 71.1147 120.229 70.8853 120.149 70.688C120.075 70.4907 119.971 70.336 119.837 70.224C119.704 70.1067 119.539 70.048 119.341 70.048C119.139 70.048 118.971 70.1067 118.837 70.224C118.709 70.336 118.605 70.4907 118.525 70.688C118.451 70.8853 118.397 71.1147 118.365 71.376C118.333 71.632 118.317 71.9067 118.317 72.2C118.317 72.4933 118.333 72.7707 118.365 73.032C118.397 73.2933 118.451 73.5227 118.525 73.72C118.605 73.912 118.709 74.0667 118.837 74.184C118.971 74.296 119.139 74.352 119.341 74.352ZM123.787 70.008C123.541 70.008 123.333 70.0827 123.163 70.232C122.992 70.376 122.907 70.5867 122.907 70.864C122.907 71.1307 122.989 71.336 123.155 71.48C123.32 71.6187 123.531 71.688 123.787 71.688C124.043 71.688 124.253 71.6187 124.419 71.48C124.584 71.336 124.667 71.1307 124.667 70.864C124.667 70.5867 124.581 70.376 124.411 70.232C124.24 70.0827 124.032 70.008 123.787 70.008ZM123.787 75.112C123.504 75.112 123.24 75.072 122.995 74.992C122.755 74.912 122.547 74.7973 122.371 74.648C122.195 74.4933 122.056 74.3067 121.955 74.088C121.859 73.8693 121.811 73.624 121.811 73.352C121.811 73 121.901 72.704 122.083 72.464C122.269 72.224 122.52 72.064 122.835 71.984V71.968C122.579 71.872 122.381 71.7253 122.243 71.528C122.109 71.3253 122.043 71.088 122.043 70.816C122.043 70.336 122.192 69.9627 122.491 69.696C122.795 69.424 123.227 69.288 123.787 69.288C124.347 69.288 124.776 69.424 125.075 69.696C125.379 69.9627 125.531 70.336 125.531 70.816C125.531 71.088 125.461 71.3253 125.323 71.528C125.189 71.7253 124.995 71.872 124.739 71.968V71.984C125.053 72.064 125.301 72.224 125.483 72.464C125.669 72.704 125.763 73 125.763 73.352C125.763 73.624 125.712 73.8693 125.611 74.088C125.515 74.3067 125.379 74.4933 125.203 74.648C125.027 74.7973 124.816 74.912 124.571 74.992C124.331 75.072 124.069 75.112 123.787 75.112ZM123.787 74.392C124.091 74.392 124.344 74.3013 124.547 74.12C124.749 73.9387 124.851 73.6827 124.851 73.352C124.851 73.0427 124.749 72.8027 124.547 72.632C124.344 72.456 124.091 72.368 123.787 72.368C123.483 72.368 123.229 72.456 123.027 72.632C122.824 72.8027 122.723 73.0427 122.723 73.352C122.723 73.6827 122.824 73.9387 123.027 74.12C123.229 74.3013 123.483 74.392 123.787 74.392ZM126.56 73.92H127.672V75H126.56V73.92ZM126.56 70.952H127.672V72.032H126.56V70.952ZM132.37 75H128.546C128.552 74.536 128.664 74.1307 128.882 73.784C129.101 73.4373 129.4 73.136 129.778 72.88C129.96 72.7467 130.149 72.6187 130.346 72.496C130.544 72.368 130.725 72.232 130.89 72.088C131.056 71.944 131.192 71.7893 131.298 71.624C131.405 71.4533 131.461 71.2587 131.466 71.04C131.466 70.9387 131.453 70.832 131.426 70.72C131.405 70.6027 131.36 70.496 131.29 70.4C131.221 70.2987 131.125 70.216 131.002 70.152C130.88 70.0827 130.72 70.048 130.522 70.048C130.341 70.048 130.189 70.0853 130.066 70.16C129.949 70.2293 129.853 70.328 129.778 70.456C129.709 70.5787 129.656 70.7253 129.618 70.896C129.586 71.0667 129.568 71.2507 129.562 71.448H128.65C128.65 71.1387 128.69 70.8533 128.77 70.592C128.856 70.3253 128.981 70.096 129.146 69.904C129.312 69.712 129.512 69.5627 129.746 69.456C129.986 69.344 130.264 69.288 130.578 69.288C130.92 69.288 131.205 69.344 131.434 69.456C131.664 69.568 131.848 69.7093 131.986 69.88C132.13 70.0507 132.232 70.2373 132.29 70.44C132.349 70.6373 132.378 70.8267 132.378 71.008C132.378 71.232 132.344 71.4347 132.274 71.616C132.205 71.7973 132.112 71.9653 131.994 72.12C131.877 72.2693 131.744 72.408 131.594 72.536C131.445 72.664 131.29 72.784 131.13 72.896C130.97 73.008 130.81 73.1147 130.65 73.216C130.49 73.3173 130.341 73.4187 130.202 73.52C130.069 73.6213 129.952 73.728 129.85 73.84C129.749 73.9467 129.68 74.0613 129.642 74.184H132.37V75ZM134.904 69.288C135.304 69.288 135.629 69.3813 135.88 69.568C136.136 69.7493 136.333 69.984 136.472 70.272C136.616 70.5547 136.712 70.8667 136.76 71.208C136.813 71.5493 136.84 71.88 136.84 72.2C136.84 72.52 136.813 72.8507 136.76 73.192C136.712 73.5333 136.616 73.848 136.472 74.136C136.333 74.4187 136.136 74.6533 135.88 74.84C135.629 75.0213 135.304 75.112 134.904 75.112C134.504 75.112 134.176 75.0213 133.92 74.84C133.669 74.6533 133.472 74.4187 133.328 74.136C133.189 73.848 133.093 73.5333 133.04 73.192C132.992 72.8507 132.968 72.52 132.968 72.2C132.968 71.88 132.992 71.5493 133.04 71.208C133.093 70.8667 133.189 70.5547 133.328 70.272C133.472 69.984 133.669 69.7493 133.92 69.568C134.176 69.3813 134.504 69.288 134.904 69.288ZM134.904 74.352C135.101 74.352 135.266 74.296 135.4 74.184C135.533 74.0667 135.637 73.912 135.712 73.72C135.792 73.5227 135.848 73.2933 135.88 73.032C135.912 72.7707 135.928 72.4933 135.928 72.2C135.928 71.9067 135.912 71.632 135.88 71.376C135.848 71.1147 135.792 70.8853 135.712 70.688C135.637 70.4907 135.533 70.336 135.4 70.224C135.266 70.1067 135.101 70.048 134.904 70.048C134.701 70.048 134.533 70.1067 134.4 70.224C134.272 70.336 134.168 70.4907 134.088 70.688C134.013 70.8853 133.96 71.1147 133.928 71.376C133.896 71.632 133.88 71.9067 133.88 72.2C133.88 72.4933 133.896 72.7707 133.928 73.032C133.96 73.2933 134.013 73.5227 134.088 73.72C134.168 73.912 134.272 74.0667 134.4 74.184C134.533 74.296 134.701 74.352 134.904 74.352Z"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<g filter="url(#filter0_d_13099_176757)">
|
|
<rect
|
|
x="90"
|
|
y="84"
|
|
width="100"
|
|
height="128"
|
|
rx="2"
|
|
fill="var(--el-bg-color-overlay)"
|
|
/>
|
|
<rect
|
|
x="89.7"
|
|
y="83.7"
|
|
width="100.6"
|
|
height="128.6"
|
|
rx="2.3"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="106"
|
|
y="93"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="135"
|
|
y="93"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="166"
|
|
y="93"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="106"
|
|
y="113"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="135"
|
|
y="113"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="166"
|
|
y="113"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="106"
|
|
y="153"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="135"
|
|
y="153"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="166"
|
|
y="153"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="90"
|
|
y="124"
|
|
width="100"
|
|
height="20"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect x="106" y="133" width="10" height="2" rx="1" fill="white" />
|
|
<rect x="135" y="133" width="10" height="2" rx="1" fill="white" />
|
|
<rect x="166" y="133" width="10" height="2" rx="1" fill="white" />
|
|
<rect
|
|
x="106"
|
|
y="173"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="135"
|
|
y="173"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="166"
|
|
y="173"
|
|
width="10"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_13099_176757"
|
|
x="76.0667"
|
|
y="70.0671"
|
|
width="127.867"
|
|
height="155.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_13099_176757"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_13099_176757"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|