element-plus/docs/.vitepress/vitepress/components/overview-icons/ov-button.vue
kooriookami 9480129c85
docs(docs): add overview page (#15749)
* 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
2024-02-28 13:24:05 +08:00

63 lines
4.3 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_12403_168849)">
<rect
x="96"
y="78"
width="88"
height="24"
rx="2"
fill="var(--el-color-primary)"
/>
</g>
<path
d="M128.332 90.4727L127.025 86.6699L125.637 90.4727H128.332ZM126.416 85.3926H127.734L130.857 94H129.58L128.707 91.4219H125.303L124.371 94H123.176L126.416 85.3926ZM134.197 87.543C134.904 87.543 135.479 87.7148 135.92 88.0586C136.365 88.4023 136.633 88.9941 136.723 89.834H135.697C135.635 89.4473 135.492 89.127 135.27 88.873C135.047 88.6152 134.689 88.4863 134.197 88.4863C133.525 88.4863 133.045 88.8145 132.756 89.4707C132.568 89.8965 132.475 90.4219 132.475 91.0469C132.475 91.6758 132.607 92.2051 132.873 92.6348C133.139 93.0645 133.557 93.2793 134.127 93.2793C134.564 93.2793 134.91 93.1465 135.164 92.8809C135.422 92.6113 135.6 92.2441 135.697 91.7793H136.723C136.605 92.6113 136.312 93.2207 135.844 93.6074C135.375 93.9902 134.775 94.1816 134.045 94.1816C133.225 94.1816 132.57 93.8828 132.082 93.2852C131.594 92.6836 131.35 91.9336 131.35 91.0352C131.35 89.9336 131.617 89.0762 132.152 88.4629C132.688 87.8496 133.369 87.543 134.197 87.543ZM137.988 85.9727H139.055V87.7246H140.057V88.5859H139.055V92.6816C139.055 92.9004 139.129 93.0469 139.277 93.1211C139.359 93.1641 139.496 93.1855 139.688 93.1855C139.738 93.1855 139.793 93.1855 139.852 93.1855C139.91 93.1816 139.979 93.1758 140.057 93.168V94C139.936 94.0352 139.809 94.0605 139.676 94.0762C139.547 94.0918 139.406 94.0996 139.254 94.0996C138.762 94.0996 138.428 93.9746 138.252 93.7246C138.076 93.4707 137.988 93.1426 137.988 92.7402V88.5859H137.139V87.7246H137.988V85.9727ZM141.117 87.7539H142.189V94H141.117V87.7539ZM141.117 85.3926H142.189V86.5879H141.117V85.3926ZM146.279 93.3203C146.979 93.3203 147.457 93.0566 147.715 92.5293C147.977 91.998 148.107 91.4082 148.107 90.7598C148.107 90.1738 148.014 89.6973 147.826 89.3301C147.529 88.752 147.018 88.4629 146.291 88.4629C145.646 88.4629 145.178 88.709 144.885 89.2012C144.592 89.6934 144.445 90.2871 144.445 90.9824C144.445 91.6504 144.592 92.207 144.885 92.6523C145.178 93.0977 145.643 93.3203 146.279 93.3203ZM146.32 87.543C147.129 87.543 147.812 87.8125 148.371 88.3516C148.93 88.8906 149.209 89.6836 149.209 90.7305C149.209 91.7422 148.963 92.5781 148.471 93.2383C147.979 93.8984 147.215 94.2285 146.18 94.2285C145.316 94.2285 144.631 93.9375 144.123 93.3555C143.615 92.7695 143.361 91.9844 143.361 91C143.361 89.9453 143.629 89.1055 144.164 88.4805C144.699 87.8555 145.418 87.543 146.32 87.543ZM150.469 87.7246H151.471V88.6152C151.768 88.248 152.082 87.9844 152.414 87.8242C152.746 87.6641 153.115 87.584 153.521 87.584C154.412 87.584 155.014 87.8945 155.326 88.5156C155.498 88.8555 155.584 89.3418 155.584 89.9746V94H154.512V90.0449C154.512 89.6621 154.455 89.3535 154.342 89.1191C154.154 88.7285 153.814 88.5332 153.322 88.5332C153.072 88.5332 152.867 88.5586 152.707 88.6094C152.418 88.6953 152.164 88.8672 151.945 89.125C151.77 89.332 151.654 89.5469 151.6 89.7695C151.549 89.9883 151.523 90.3027 151.523 90.7129V94H150.469V87.7246Z"
fill="white"
/>
<defs>
<filter
id="filter0_d_12403_168849"
x="88"
y="70"
width="104"
height="40"
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.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_12403_168849"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_12403_168849"
result="shape"
/>
</filter>
</defs>
</svg>
</template>