mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-03-07 15:47:57 +08:00
Code Issues Packages Projects Releases Wiki Activity
9d3cc84a3e
element-plus/docs/.vitepress/vitepress/components/overview-icons/ov-time-picker.vue

193 lines
13 KiB
Vue
Raw Normal View History

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
<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
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>
Reference in New Issue Copy Permalink