mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-15 02:40:46 +08:00
* 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
392 lines
14 KiB
Vue
392 lines
14 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_12777_163868)">
|
|
<rect width="280" height="180" fill="var(--el-fill-color-light)" />
|
|
<g filter="url(#filter0_d_12777_163868)">
|
|
<rect
|
|
x="60"
|
|
y="62"
|
|
width="150"
|
|
height="20"
|
|
rx="2"
|
|
fill="var(--el-fill-color-blank)"
|
|
/>
|
|
<rect
|
|
x="59.7"
|
|
y="61.7"
|
|
width="150.6"
|
|
height="20.6"
|
|
rx="2.3"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<path
|
|
d="M65.6 71.2002V74.4002H70.4V70.0002H69.6V70.2002C69.6 70.2586 69.5813 70.3065 69.5438 70.344C69.5063 70.3815 69.4584 70.4002 69.4 70.4002C69.3416 70.4002 69.2937 70.3815 69.2562 70.344C69.2187 70.3065 69.2 70.2586 69.2 70.2002V70.0002H66.8V70.2002C66.8 70.2586 66.7813 70.3065 66.7438 70.344C66.7063 70.3815 66.6584 70.4002 66.6 70.4002C66.5416 70.4002 66.4937 70.3815 66.4562 70.344C66.4187 70.3065 66.4 70.2586 66.4 70.2002V70.0002H65.6V70.8002H70.4V71.2002H65.6ZM66.8 69.6002H69.2V69.4002C69.2 69.3418 69.2187 69.2939 69.2562 69.2564C69.2937 69.2189 69.3416 69.2002 69.4 69.2002C69.4584 69.2002 69.5063 69.2189 69.5438 69.2564C69.5813 69.2939 69.6 69.3418 69.6 69.4002V69.6002H70.6C70.6584 69.6002 70.7063 69.6189 70.7438 69.6564C70.7813 69.6939 70.8 69.7418 70.8 69.8002V74.6002C70.8 74.6586 70.7813 74.7065 70.7438 74.744C70.7063 74.7815 70.6584 74.8002 70.6 74.8002H65.4C65.3416 74.8002 65.2937 74.7815 65.2562 74.744C65.2187 74.7065 65.2 74.6586 65.2 74.6002V69.8002C65.2 69.7418 65.2187 69.6939 65.2562 69.6564C65.2937 69.6189 65.3416 69.6002 65.4 69.6002H66.4V69.4002C66.4 69.3418 66.4187 69.2939 66.4562 69.2564C66.4937 69.2189 66.5416 69.2002 66.6 69.2002C66.6584 69.2002 66.7063 69.2189 66.7438 69.2564C66.7813 69.2939 66.8 69.3418 66.8 69.4002V69.6002ZM66.6 72.0002H67C67.0584 72.0002 67.1063 72.0189 67.1438 72.0564C67.1813 72.0939 67.2 72.1418 67.2 72.2002C67.2 72.2586 67.1813 72.3065 67.1438 72.344C67.1063 72.3815 67.0584 72.4002 67 72.4002H66.6C66.5416 72.4002 66.4937 72.3815 66.4562 72.344C66.4187 72.3065 66.4 72.2586 66.4 72.2002C66.4 72.1418 66.4187 72.0939 66.4562 72.0564C66.4937 72.0189 66.5416 72.0002 66.6 72.0002ZM66.6 73.2002H67C67.0584 73.2002 67.1063 73.2189 67.1438 73.2564C67.1813 73.2939 67.2 73.3418 67.2 73.4002C67.2 73.4586 67.1813 73.5065 67.1438 73.544C67.1063 73.5815 67.0584 73.6002 67 73.6002H66.6C66.5416 73.6002 66.4937 73.5815 66.4562 73.544C66.4187 73.5065 66.4 73.4586 66.4 73.4002C66.4 73.3418 66.4187 73.2939 66.4562 73.2564C66.4937 73.2189 66.5416 73.2002 66.6 73.2002ZM67.8 72.0002H68.2C68.2584 72.0002 68.3063 72.0189 68.3438 72.0564C68.3813 72.0939 68.4 72.1418 68.4 72.2002C68.4 72.2586 68.3813 72.3065 68.3438 72.344C68.3063 72.3815 68.2584 72.4002 68.2 72.4002H67.8C67.7416 72.4002 67.6937 72.3815 67.6562 72.344C67.6187 72.3065 67.6 72.2586 67.6 72.2002C67.6 72.1418 67.6187 72.0939 67.6562 72.0564C67.6937 72.0189 67.7416 72.0002 67.8 72.0002ZM67.8 73.2002H68.2C68.2584 73.2002 68.3063 73.2189 68.3438 73.2564C68.3813 73.2939 68.4 73.3418 68.4 73.4002C68.4 73.4586 68.3813 73.5065 68.3438 73.544C68.3063 73.5815 68.2584 73.6002 68.2 73.6002H67.8C67.7416 73.6002 67.6937 73.5815 67.6562 73.544C67.6187 73.5065 67.6 73.4586 67.6 73.4002C67.6 73.3418 67.6187 73.2939 67.6562 73.2564C67.6937 73.2189 67.7416 73.2002 67.8 73.2002ZM69 72.0002H69.4C69.4584 72.0002 69.5063 72.0189 69.5438 72.0564C69.5813 72.0939 69.6 72.1418 69.6 72.2002C69.6 72.2586 69.5813 72.3065 69.5438 72.344C69.5063 72.3815 69.4584 72.4002 69.4 72.4002H69C68.9416 72.4002 68.8937 72.3815 68.8562 72.344C68.8187 72.3065 68.8 72.2586 68.8 72.2002C68.8 72.1418 68.8187 72.0939 68.8562 72.0564C68.8937 72.0189 68.9416 72.0002 69 72.0002ZM69 73.2002H69.4C69.4584 73.2002 69.5063 73.2189 69.5438 73.2564C69.5813 73.2939 69.6 73.3418 69.6 73.4002C69.6 73.4586 69.5813 73.5065 69.5438 73.544C69.5063 73.5815 69.4584 73.6002 69.4 73.6002H69C68.9416 73.6002 68.8937 73.5815 68.8562 73.544C68.8187 73.5065 68.8 73.4586 68.8 73.4002C68.8 73.3418 68.8187 73.2939 68.8562 73.2564C68.8937 73.2189 68.9416 73.2002 69 73.2002Z"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<path
|
|
d="M78.096 72.76L75.952 69.288H77.112L78.624 71.848L80.112 69.288H81.232L79.096 72.76V75H78.096V72.76ZM83.2835 72.76L81.1395 69.288H82.2995L83.8115 71.848L85.2995 69.288H86.4195L84.2835 72.76V75H83.2835V72.76ZM85.8764 72.392H88.2044V73.256H85.8764V72.392ZM89.1858 69.288H90.5938L92.1698 73.76H92.1858L93.7218 69.288H95.1138V75H94.1618V70.592H94.1458L92.5618 75H91.7378L90.1538 70.592H90.1378V75H89.1858V69.288ZM96.2951 69.288H97.7031L99.2791 73.76H99.2951L100.831 69.288H102.223V75H101.271V70.592H101.255L99.6711 75H98.8471L97.2631 70.592H97.2471V75H96.2951V69.288ZM103.205 72.392H105.533V73.256H103.205V72.392ZM106.53 69.288H108.898C109.335 69.288 109.714 69.3627 110.034 69.512C110.354 69.6613 110.615 69.8667 110.818 70.128C111.021 70.384 111.17 70.6853 111.266 71.032C111.367 71.3787 111.418 71.7493 111.418 72.144C111.418 72.5387 111.367 72.9093 111.266 73.256C111.17 73.6027 111.021 73.9067 110.818 74.168C110.615 74.424 110.354 74.6267 110.034 74.776C109.714 74.9253 109.335 75 108.898 75H106.53V69.288ZM107.53 74.184H108.514C108.903 74.184 109.221 74.1333 109.466 74.032C109.717 73.9253 109.911 73.7813 110.05 73.6C110.194 73.4133 110.29 73.1973 110.338 72.952C110.391 72.7013 110.418 72.432 110.418 72.144C110.418 71.856 110.391 71.5893 110.338 71.344C110.29 71.0933 110.194 70.8773 110.05 70.696C109.911 70.5093 109.717 70.3653 109.466 70.264C109.221 70.1573 108.903 70.104 108.514 70.104H107.53V74.184ZM112.303 69.288H114.671C115.109 69.288 115.487 69.3627 115.807 69.512C116.127 69.6613 116.389 69.8667 116.591 70.128C116.794 70.384 116.943 70.6853 117.039 71.032C117.141 71.3787 117.191 71.7493 117.191 72.144C117.191 72.5387 117.141 72.9093 117.039 73.256C116.943 73.6027 116.794 73.9067 116.591 74.168C116.389 74.424 116.127 74.6267 115.807 74.776C115.487 74.9253 115.109 75 114.671 75H112.303V69.288ZM113.303 74.184H114.287C114.677 74.184 114.994 74.1333 115.239 74.032C115.49 73.9253 115.685 73.7813 115.823 73.6C115.967 73.4133 116.063 73.1973 116.111 72.952C116.165 72.7013 116.191 72.432 116.191 72.144C116.191 71.856 116.165 71.5893 116.111 71.344C116.063 71.0933 115.967 70.8773 115.823 70.696C115.685 70.5093 115.49 70.3653 115.239 70.264C114.994 70.1573 114.677 70.104 114.287 70.104H113.303V74.184Z"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<g filter="url(#filter1_d_12777_163868)">
|
|
<rect
|
|
x="60"
|
|
y="86"
|
|
width="150"
|
|
height="98"
|
|
rx="2"
|
|
fill="var(--el-bg-color-overlay)"
|
|
/>
|
|
<rect
|
|
x="59.7"
|
|
y="85.7"
|
|
width="150.6"
|
|
height="98.6"
|
|
rx="2.3"
|
|
stroke="var(--el-border-color-dark)"
|
|
stroke-width="0.6"
|
|
/>
|
|
</g>
|
|
<path
|
|
d="M60 88C60 86.8954 60.8954 86 62 86H208C209.105 86 210 86.8954 210 88V102H60V88Z"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="170"
|
|
y="106"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="190"
|
|
y="106"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="170"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="90"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="130"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="150"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="190"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="110"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="70"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="150"
|
|
y="122"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="147.5"
|
|
y="119.5"
|
|
width="13"
|
|
height="13"
|
|
rx="1.5"
|
|
stroke="var(--el-color-primary)"
|
|
/>
|
|
<rect
|
|
x="170"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="90"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="130"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="190"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="110"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="150"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="70"
|
|
y="138"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="170"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="90"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="130"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="190"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="110"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="150"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="70"
|
|
y="154"
|
|
width="8"
|
|
height="8"
|
|
rx="2"
|
|
fill="var(--el-border-color-light)"
|
|
/>
|
|
<rect
|
|
x="72"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="92"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="112"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="132"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="152"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="172"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
<rect
|
|
x="192"
|
|
y="93"
|
|
width="6"
|
|
height="2"
|
|
rx="1"
|
|
fill="var(--el-border-color-dark)"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<filter
|
|
id="filter0_d_12777_163868"
|
|
x="46.0667"
|
|
y="48.0671"
|
|
width="177.867"
|
|
height="47.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_12777_163868"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_12777_163868"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
<filter
|
|
id="filter1_d_12777_163868"
|
|
x="46.0667"
|
|
y="72.0671"
|
|
width="177.867"
|
|
height="125.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_12777_163868"
|
|
/>
|
|
<feBlend
|
|
mode="normal"
|
|
in="SourceGraphic"
|
|
in2="effect1_dropShadow_12777_163868"
|
|
result="shape"
|
|
/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</template>
|