mirror of
https://github.com/element-plus/element-plus.git
synced 2025-03-07 15:47:57 +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
237 lines
12 KiB
Vue
237 lines
12 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_12660_162905)">
|
|
<rect width="280" height="180" fill="var(--el-fill-color-light)" />
|
|
<g filter="url(#filter0_d_12660_162905)">
|
|
<rect
|
|
x="57"
|
|
y="45"
|
|
width="100"
|
|
height="20"
|
|
rx="2"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<rect
|
|
x="57.5"
|
|
y="45.5"
|
|
width="99"
|
|
height="19"
|
|
rx="1.5"
|
|
stroke="var(--el-color-primary)"
|
|
/>
|
|
</g>
|
|
<path
|
|
d="M68.928 53.96H69.648C69.6373 53.6453 69.576 53.376 69.464 53.152C69.3573 52.9227 69.208 52.7333 69.016 52.584C68.8293 52.4347 68.6107 52.3253 68.36 52.256C68.1093 52.1867 67.8373 52.152 67.544 52.152C67.2827 52.152 67.0267 52.1867 66.776 52.256C66.5307 52.32 66.3093 52.4213 66.112 52.56C65.92 52.6933 65.7653 52.8667 65.648 53.08C65.5307 53.288 65.472 53.536 65.472 53.824C65.472 54.0853 65.5227 54.304 65.624 54.48C65.7307 54.6507 65.8693 54.792 66.04 54.904C66.216 55.0107 66.4133 55.0987 66.632 55.168C66.8507 55.232 67.072 55.2907 67.296 55.344C67.5253 55.392 67.7493 55.44 67.968 55.488C68.1867 55.536 68.3813 55.6 68.552 55.68C68.728 55.7547 68.8667 55.8533 68.968 55.976C69.0747 56.0987 69.128 56.2587 69.128 56.456C69.128 56.664 69.0853 56.8347 69 56.968C68.9147 57.1013 68.8027 57.208 68.664 57.288C68.5253 57.3627 68.368 57.416 68.192 57.448C68.0213 57.48 67.8507 57.496 67.68 57.496C67.4667 57.496 67.2587 57.4693 67.056 57.416C66.8533 57.3627 66.6747 57.28 66.52 57.168C66.3707 57.056 66.248 56.9147 66.152 56.744C66.0613 56.568 66.016 56.36 66.016 56.12H65.296C65.296 56.4667 65.3573 56.768 65.48 57.024C65.608 57.2747 65.7787 57.4827 65.992 57.648C66.2107 57.808 66.4613 57.928 66.744 58.008C67.032 58.088 67.336 58.128 67.656 58.128C67.9173 58.128 68.1787 58.096 68.44 58.032C68.7067 57.9733 68.9467 57.8773 69.16 57.744C69.3733 57.6053 69.5467 57.4293 69.68 57.216C69.8187 56.9973 69.888 56.736 69.888 56.432C69.888 56.1493 69.8347 55.9147 69.728 55.728C69.6267 55.5413 69.488 55.3867 69.312 55.264C69.1413 55.1413 68.9467 55.0453 68.728 54.976C68.5093 54.9013 68.2853 54.8373 68.056 54.784C67.832 54.7307 67.6107 54.6827 67.392 54.64C67.1733 54.592 66.976 54.5333 66.8 54.464C66.6293 54.3947 66.4907 54.3067 66.384 54.2C66.2827 54.088 66.232 53.944 66.232 53.768C66.232 53.5813 66.2667 53.4267 66.336 53.304C66.4107 53.176 66.5067 53.0747 66.624 53C66.7467 52.9253 66.8853 52.872 67.04 52.84C67.1947 52.808 67.352 52.792 67.512 52.792C67.9067 52.792 68.2293 52.8853 68.48 53.072C68.736 53.2533 68.8853 53.5493 68.928 53.96ZM73.5715 55.536H71.1955C71.2062 55.376 71.2408 55.2267 71.2995 55.088C71.3582 54.944 71.4382 54.8187 71.5395 54.712C71.6408 54.6053 71.7608 54.5227 71.8995 54.464C72.0435 54.4 72.2035 54.368 72.3795 54.368C72.5502 54.368 72.7048 54.4 72.8435 54.464C72.9875 54.5227 73.1102 54.6053 73.2115 54.712C73.3182 54.8133 73.4008 54.936 73.4595 55.08C73.5235 55.224 73.5608 55.376 73.5715 55.536ZM74.2275 56.688H73.5555C73.4968 56.96 73.3742 57.1627 73.1875 57.296C73.0062 57.4293 72.7715 57.496 72.4835 57.496C72.2595 57.496 72.0648 57.4587 71.8995 57.384C71.7342 57.3093 71.5982 57.2107 71.4915 57.088C71.3848 56.96 71.3075 56.816 71.2595 56.656C71.2115 56.4907 71.1902 56.3173 71.1955 56.136H74.2915C74.3022 55.8853 74.2782 55.6213 74.2195 55.344C74.1662 55.0667 74.0648 54.8107 73.9155 54.576C73.7715 54.3413 73.5768 54.1493 73.3315 54C73.0915 53.8453 72.7875 53.768 72.4195 53.768C72.1368 53.768 71.8755 53.8213 71.6355 53.928C71.4008 54.0347 71.1955 54.184 71.0195 54.376C70.8488 54.568 70.7155 54.7947 70.6195 55.056C70.5235 55.3173 70.4755 55.6053 70.4755 55.92C70.4862 56.2347 70.5315 56.5253 70.6115 56.792C70.6968 57.0587 70.8222 57.288 70.9875 57.48C71.1528 57.672 71.3555 57.8213 71.5955 57.928C71.8408 58.0347 72.1288 58.088 72.4595 58.088C72.9288 58.088 73.3182 57.9707 73.6275 57.736C73.9368 57.5013 74.1368 57.152 74.2275 56.688ZM75.0364 52.288V58H75.7164V52.288H75.0364ZM79.6418 55.536H77.2658C77.2765 55.376 77.3111 55.2267 77.3698 55.088C77.4285 54.944 77.5085 54.8187 77.6098 54.712C77.7111 54.6053 77.8311 54.5227 77.9698 54.464C78.1138 54.4 78.2738 54.368 78.4498 54.368C78.6205 54.368 78.7751 54.4 78.9138 54.464C79.0578 54.5227 79.1805 54.6053 79.2818 54.712C79.3885 54.8133 79.4711 54.936 79.5298 55.08C79.5938 55.224 79.6311 55.376 79.6418 55.536ZM80.2978 56.688H79.6258C79.5671 56.96 79.4445 57.1627 79.2578 57.296C79.0765 57.4293 78.8418 57.496 78.5538 57.496C78.3298 57.496 78.1351 57.4587 77.9698 57.384C77.8045 57.3093 77.6685 57.2107 77.5618 57.088C77.4551 56.96 77.3778 56.816 77.3298 56.656C77.2818 56.4907 77.2605 56.3173 77.2658 56.136H80.3618C80.3725 55.8853 80.3485 55.6213 80.2898 55.344C80.2365 55.0667 80.1351 54.8107 79.9858 54.576C79.8418 54.3413 79.6471 54.1493 79.4018 54C79.1618 53.8453 78.8578 53.768 78.4898 53.768C78.2071 53.768 77.9458 53.8213 77.7058 53.928C77.4711 54.0347 77.2658 54.184 77.0898 54.376C76.9191 54.568 76.7858 54.7947 76.6898 55.056C76.5938 55.3173 76.5458 55.6053 76.5458 55.92C76.5565 56.2347 76.6018 56.5253 76.6818 56.792C76.7671 57.0587 76.8925 57.288 77.0578 57.48C77.2231 57.672 77.4258 57.8213 77.6658 57.928C77.9111 58.0347 78.1991 58.088 78.5298 58.088C78.9991 58.088 79.3885 57.9707 79.6978 57.736C80.0071 57.5013 80.2071 57.152 80.2978 56.688ZM83.8747 55.192H84.5787C84.552 54.9467 84.488 54.736 84.3867 54.56C84.2854 54.3787 84.1547 54.2293 83.9947 54.112C83.84 53.9947 83.6587 53.9093 83.4507 53.856C83.248 53.7973 83.0294 53.768 82.7947 53.768C82.4694 53.768 82.184 53.8267 81.9387 53.944C81.6934 54.056 81.488 54.2133 81.3227 54.416C81.1627 54.6133 81.0427 54.848 80.9627 55.12C80.8827 55.3867 80.8427 55.6747 80.8427 55.984C80.8427 56.2933 80.8827 56.5787 80.9627 56.84C81.048 57.096 81.1707 57.3173 81.3307 57.504C81.496 57.6907 81.6987 57.8347 81.9387 57.936C82.184 58.0373 82.464 58.088 82.7787 58.088C83.3067 58.088 83.7227 57.9493 84.0267 57.672C84.336 57.3947 84.528 57 84.6027 56.488H83.9067C83.864 56.808 83.7467 57.056 83.5547 57.232C83.368 57.408 83.1067 57.496 82.7707 57.496C82.5574 57.496 82.3734 57.4533 82.2187 57.368C82.064 57.2827 81.9387 57.1707 81.8427 57.032C81.7467 56.888 81.6747 56.7253 81.6267 56.544C81.584 56.3627 81.5627 56.176 81.5627 55.984C81.5627 55.776 81.584 55.576 81.6267 55.384C81.6694 55.1867 81.7387 55.0133 81.8347 54.864C81.936 54.7147 82.0694 54.5947 82.2347 54.504C82.4 54.4133 82.6054 54.368 82.8507 54.368C83.1387 54.368 83.368 54.44 83.5387 54.584C83.7094 54.728 83.8214 54.9307 83.8747 55.192ZM86.3076 53.864V52.624H85.6276V53.864H84.9236V54.464H85.6276V57.096C85.6276 57.288 85.6462 57.4427 85.6836 57.56C85.7209 57.6773 85.7769 57.768 85.8516 57.832C85.9316 57.896 86.0329 57.9413 86.1556 57.968C86.2836 57.9893 86.4356 58 86.6116 58H87.1316V57.4H86.8196C86.7129 57.4 86.6249 57.3973 86.5556 57.392C86.4916 57.3813 86.4409 57.3627 86.4036 57.336C86.3662 57.3093 86.3396 57.272 86.3236 57.224C86.3129 57.176 86.3076 57.112 86.3076 57.032V54.464H87.1316V53.864H86.3076Z"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<path
|
|
d="M147.4 55.7998C147.933 55.2665 149 54.1998 149 54.1998L150.6 55.7998"
|
|
stroke="var(--el-color-primary)"
|
|
stroke-width="0.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<g filter="url(#filter1_d_12660_162905)">
|
|
<rect
|
|
x="57"
|
|
y="67"
|
|
width="166"
|
|
height="68"
|
|
rx="2"
|
|
fill="var(--el-bg-color-overlay)"
|
|
/>
|
|
<rect
|
|
x="56.7"
|
|
y="66.7"
|
|
width="166.6"
|
|
height="68.6"
|
|
rx="2.3"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<rect
|
|
x="57"
|
|
y="71"
|
|
width="83"
|
|
height="20"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M131.2 79.3994C131.733 79.9327 132.8 80.9994 132.8 80.9994L131.2 82.5996"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<rect
|
|
x="65"
|
|
y="79"
|
|
width="25"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="57"
|
|
y="91"
|
|
width="83"
|
|
height="20"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M131.2 99.3994C131.733 99.9327 132.8 100.999 132.8 100.999L131.2 102.6"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<rect
|
|
x="65"
|
|
y="99"
|
|
width="25"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="140"
|
|
y="71"
|
|
width="83"
|
|
height="20"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<rect
|
|
x="148"
|
|
y="79"
|
|
width="25"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="57"
|
|
y="111"
|
|
width="83"
|
|
height="20"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<path
|
|
d="M131.2 119.399C131.733 119.933 132.8 120.999 132.8 120.999L131.2 122.6"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<rect
|
|
x="65"
|
|
y="119"
|
|
width="25"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="140"
|
|
y="91"
|
|
width="83"
|
|
height="20"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<rect
|
|
x="148"
|
|
y="99"
|
|
width="25"
|
|
height="4"
|
|
rx="2"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M140 129V73V73V129V129Z"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.4"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_12660_162905"
|
|
x="49"
|
|
y="37"
|
|
width="116"
|
|
height="36"
|
|
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="4" />
|
|
<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_12660_162905"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_12660_162905"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
<filter
|
|
id="filter1_d_12660_162905"
|
|
x="43.0667"
|
|
y="53.0671"
|
|
width="193.867"
|
|
height="95.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_12660_162905"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_12660_162905"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|