element-plus/docs/.vitepress/vitepress/components/overview-icons/ov-badge.vue

69 lines
3.5 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_13239_208929)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M150.036 81.6713C151.08 82.0326 152 82.8954 152 84V98C152 99.1046 151.105 100 150 100H114C112.895 100 112 99.1046 112 98V78C112 76.8954 112.895 76 114 76H144C145.105 76 145.967 76.92 146.329 77.9638C146.929 79.6978 148.302 81.0709 150.036 81.6713Z"
fill="var(--el-bg-color-overlay)"
/>
</g>
<rect
x="147"
y="69"
width="21"
height="12"
rx="6"
fill="var(--el-color-primary)"
/>
<path
d="M155.848 78V72.328H155.328C155.291 72.5413 155.221 72.7173 155.12 72.856C155.019 72.9947 154.893 73.104 154.744 73.184C154.6 73.264 154.437 73.32 154.256 73.352C154.075 73.3787 153.888 73.392 153.696 73.392V73.936H155.168V78H155.848ZM157.797 74.336H158.477C158.472 74.1653 158.488 73.9973 158.525 73.832C158.568 73.6613 158.635 73.5093 158.725 73.376C158.816 73.2427 158.931 73.136 159.069 73.056C159.213 72.9707 159.384 72.928 159.581 72.928C159.731 72.928 159.872 72.952 160.005 73C160.139 73.048 160.253 73.1173 160.349 73.208C160.451 73.2987 160.531 73.408 160.589 73.536C160.648 73.6587 160.677 73.7973 160.677 73.952C160.677 74.1493 160.645 74.3227 160.581 74.472C160.523 74.6213 160.432 74.76 160.309 74.888C160.192 75.016 160.043 75.144 159.861 75.272C159.68 75.3947 159.469 75.5307 159.229 75.68C159.032 75.7973 158.843 75.9227 158.661 76.056C158.48 76.1893 158.317 76.344 158.173 76.52C158.029 76.696 157.909 76.904 157.813 77.144C157.723 77.3787 157.664 77.664 157.637 78H161.341V77.4H158.429C158.461 77.224 158.528 77.0693 158.629 76.936C158.736 76.7973 158.861 76.6693 159.005 76.552C159.155 76.4347 159.317 76.3253 159.493 76.224C159.669 76.1173 159.845 76.0107 160.021 75.904C160.197 75.792 160.368 75.6747 160.533 75.552C160.699 75.4293 160.845 75.2933 160.973 75.144C161.101 74.9893 161.203 74.816 161.277 74.624C161.357 74.432 161.397 74.2107 161.397 73.96C161.397 73.6933 161.349 73.4587 161.253 73.256C161.163 73.0533 161.037 72.8853 160.877 72.752C160.717 72.6133 160.528 72.5093 160.309 72.44C160.096 72.3653 159.867 72.328 159.621 72.328C159.323 72.328 159.056 72.3787 158.821 72.48C158.587 72.5813 158.389 72.7227 158.229 72.904C158.075 73.08 157.96 73.2907 157.885 73.536C157.811 73.7813 157.781 74.048 157.797 74.336Z"
fill="white"
/>
<defs>
<filter
id="filter0_d_13239_208929"
x="98.6667"
y="62.6667"
width="66.6667"
height="50.6667"
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_13239_208929"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_13239_208929"
result="shape"
/>
</filter>
</defs>
</svg>
</template>