theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

edit sandbox.svg color

Browse Source
This commit is contained in:
就眠儀式 2022-02-11 00:08:31 +08:00
parent d5994f5141
commit e5f493cb3e
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
example/src/assets/sandbox.svg Normal file
View File

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" width="184" height="40" viewBox="0 0 184 40" fill="none">
<rect x="0.5" y="0.5" width="183" height="39" rx="3.5" fill="#009688"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 15.3459V24.5282C16 24.8894 16.2581 25.2296 16.5786 25.4088L24.4856 29.8742C24.6437 29.9625 24.8237 30 24.9998 30C25.176 30 25.2918 29.9627 25.45 29.8744L33.5498 25.3461C33.8696 25.1668 34 24.8891 34 24.5285V15.3461C34 15.1652 33.9611 15.0569 33.8712 14.9058C33.7842 14.7595 33.575 14.5544 33.4211 14.4654L25.6427 10.1258C25.4902 10.0467 25.1927 10 24.9998 10C24.8069 10 24.5259 10.0382 24.357 10.1258L16.5143 14.4654C16.1938 14.6446 16 14.9848 16 15.3459ZM17.1571 20.7547V17.1698C17.1571 16.9182 17.4143 16.8553 17.6071 16.9811L23.6499 20.3774C23.907 20.5031 23.9713 20.6918 23.9713 20.8805V27.61C23.9713 27.8616 23.7784 27.9245 23.5213 27.7987L20.8213 26.2893C20.5642 26.1635 20.4999 26.0377 20.4999 25.7861V23.2704C20.4999 23.0817 20.4356 22.8931 20.1785 22.7673L17.4785 21.2579C17.2214 21.1321 17.1571 21.0062 17.1571 20.7547ZM25.3212 14.2138L27.6998 12.8931C27.8564 12.8065 28.0572 12.8069 28.2141 12.8931L31.1711 14.5283C31.4283 14.6541 31.364 14.9057 31.1711 15.0314L25.2569 18.3648C25.0987 18.4534 24.9009 18.4534 24.7426 18.3648L18.8285 15.0314C18.5714 14.9057 18.5714 14.6541 18.8285 14.5283L21.7856 12.8931C21.9424 12.8069 22.1433 12.8065 22.2999 12.8931L24.6784 14.2138C24.8712 14.3396 25.1284 14.3396 25.3212 14.2138ZM29.1785 26.2895C29.4035 26.1637 29.4999 26.0379 29.4999 25.7864V23.0819C29.4999 22.8961 29.6537 22.7291 29.8213 22.6417L32.5855 21.1952C32.7531 21.1077 32.8427 20.9407 32.8427 20.7549V17.17C32.8427 16.9765 32.6927 16.8219 32.5213 16.9184L26.3499 20.3775C26.1904 20.4674 26.0285 20.7006 26.0285 20.8807V27.6102C26.0285 27.8618 26.2857 27.9247 26.4785 27.7989L29.1785 26.2895Z" fill="white"/>
<path d="M43.8126 25H49.627V23.7749H45.2344V20.9312H49.3922V19.7378H45.2344V17.0654H49.627V15.8403H43.8126V25Z" fill="white"/>
<path d="M53.4166 25.1333C54.3751 25.1333 55.1114 24.6509 55.5113 23.8701H55.5367V25H56.9141V15.8403H55.5367V19.4585H55.5113C55.1114 18.6714 54.3497 18.1953 53.4039 18.1953C51.7281 18.1953 50.6236 19.5283 50.6236 21.6548V21.6611C50.6236 23.7876 51.7154 25.1333 53.4166 25.1333ZM53.7784 23.9526C52.6929 23.9526 52.0264 23.083 52.0264 21.6611V21.6548C52.0264 20.2456 52.6993 19.3696 53.7784 19.3696C54.8067 19.3696 55.543 20.271 55.543 21.6548V21.6611C55.543 23.0513 54.813 23.9526 53.7784 23.9526Z" fill="white"/>
<path d="M59.066 17.2939C59.5167 17.2939 59.8658 16.9385 59.8658 16.5068C59.8658 16.0688 59.5167 15.7134 59.066 15.7134C58.6216 15.7134 58.2662 16.0688 58.2662 16.5068C58.2662 16.9385 58.6216 17.2939 59.066 17.2939ZM58.3804 25H59.7515V18.3223H58.3804V25Z" fill="white"/>
<path d="M63.5093 25.1333C63.7886 25.1333 64.0489 25.1016 64.2076 25.0762V24.0161C64.106 24.0288 63.9854 24.0415 63.8394 24.0415C63.2618 24.0415 62.9571 23.8384 62.9571 23.1592V19.4141H64.2076V18.3223H62.9571V16.583H61.5543V18.3223H60.5958V19.4141H61.5543V23.2417C61.5543 24.5747 62.189 25.1333 63.5093 25.1333Z" fill="white"/>
<path d="M70.8536 25.1333C72.7642 25.1333 74.0211 23.813 74.0211 21.6611V21.6484C74.0211 19.5093 72.7515 18.1953 70.8472 18.1953C68.9493 18.1953 67.6861 19.5156 67.6861 21.6484V21.6611C67.6861 23.8066 68.9366 25.1333 70.8536 25.1333ZM70.8599 23.9844C69.7872 23.9844 69.0889 23.1401 69.0889 21.6611V21.6484C69.0889 20.1885 69.7935 19.3442 70.8472 19.3442C71.92 19.3442 72.6182 20.1885 72.6182 21.6484V21.6611C72.6182 23.1338 71.9327 23.9844 70.8599 23.9844Z" fill="white"/>
<path d="M75.0811 25H76.4522V21.1089C76.4522 20.0679 77.0743 19.3696 78.0391 19.3696C78.9913 19.3696 79.461 19.9346 79.461 20.9375V25H80.8384V20.6772C80.8384 19.1411 79.9942 18.1953 78.5279 18.1953C77.5186 18.1953 76.8331 18.6523 76.4839 19.3315H76.4522V18.3223H75.0811V25Z" fill="white"/>
<path d="M88.9634 25.1587C91.1788 25.1587 92.7847 23.7686 92.9625 21.8198L92.9688 21.75H91.1026L91.0899 21.8135C90.8423 22.8989 90.0679 23.5337 88.9634 23.5337C87.4971 23.5337 86.5577 22.3403 86.5577 20.4106V20.4043C86.5577 18.4873 87.4971 17.3066 88.9634 17.3066C90.106 17.3066 90.855 17.9668 91.0709 18.9761L91.0963 19.084H92.9625L92.9561 19.0269C92.7784 17.0845 91.1851 15.6816 88.9634 15.6816C86.2911 15.6816 84.6026 17.459 84.6026 20.4106V20.417C84.6026 23.3687 86.2847 25.1587 88.9634 25.1587Z" fill="white"/>
<path d="M97.1202 25.1396C99.1768 25.1396 100.491 23.8193 100.491 21.5977V21.585C100.491 19.3823 99.1514 18.0557 97.1138 18.0557C95.0826 18.0557 93.7496 19.395 93.7496 21.585V21.5977C93.7496 23.813 95.0508 25.1396 97.1202 25.1396ZM97.1265 23.686C96.2125 23.686 95.6348 22.9307 95.6348 21.5977V21.585C95.6348 20.271 96.2188 19.5093 97.1138 19.5093C98.0152 19.5093 98.6055 20.271 98.6055 21.585V21.5977C98.6055 22.9243 98.0279 23.686 97.1265 23.686Z" fill="white"/>
<path d="M103.969 25.1396C104.953 25.1396 105.702 24.6445 106.064 23.8384H106.102V25H107.956V15.8403H106.102V19.376H106.064C105.696 18.5508 104.934 18.0557 103.969 18.0557C102.255 18.0557 101.202 19.376 101.202 21.5913V21.5977C101.202 23.8066 102.255 25.1396 103.969 25.1396ZM104.591 23.6035C103.665 23.6035 103.087 22.8354 103.087 21.5977V21.5913C103.087 20.3472 103.671 19.5918 104.591 19.5918C105.486 19.5918 106.108 20.3662 106.108 21.5913V21.5977C106.108 22.8291 105.493 23.6035 104.591 23.6035Z" fill="white"/>
<path d="M112.291 25.1396C114.233 25.1396 115.173 23.9907 115.382 22.9878L115.401 22.918H113.7L113.688 22.9561C113.554 23.3369 113.091 23.7559 112.329 23.7559C111.383 23.7559 110.793 23.1211 110.774 22.0356H115.459V21.4644C115.459 19.4077 114.208 18.0557 112.215 18.0557C110.222 18.0557 108.946 19.4395 108.946 21.604V21.6104C108.946 23.7876 110.209 25.1396 112.291 25.1396ZM112.247 19.4395C113.015 19.4395 113.567 19.9282 113.681 20.8677H110.793C110.914 19.9473 111.485 19.4395 112.247 19.4395Z" fill="white"/>
<path d="M119.921 25.1587C122.232 25.1587 123.615 24.0415 123.615 22.2832V22.2769C123.615 20.8359 122.752 20.0552 120.835 19.6743L119.864 19.4775C118.81 19.2681 118.34 18.9316 118.34 18.354V18.3477C118.34 17.6938 118.931 17.2432 119.915 17.2368C120.86 17.2368 121.521 17.6748 121.616 18.3921L121.622 18.4683H123.431L123.425 18.3477C123.336 16.7417 122.035 15.6816 119.915 15.6816C117.883 15.6816 116.423 16.7861 116.423 18.4619V18.4683C116.423 19.8457 117.337 20.709 119.147 21.0708L120.111 21.2612C121.248 21.4961 121.698 21.8071 121.698 22.4292V22.4355C121.698 23.1338 121.032 23.5972 119.972 23.5972C118.924 23.5972 118.169 23.1528 118.048 22.4419L118.036 22.3721H116.227L116.233 22.4736C116.341 24.1621 117.744 25.1587 119.921 25.1587Z" fill="white"/>
<path d="M126.656 25.1079C127.551 25.1079 128.274 24.6826 128.662 23.9844H128.7V25H130.553V20.3345C130.553 18.9634 129.417 18.0557 127.659 18.0557C125.862 18.0557 124.783 18.957 124.682 20.2139L124.675 20.29H126.37L126.383 20.2329C126.472 19.7949 126.891 19.4712 127.583 19.4712C128.306 19.4712 128.7 19.8457 128.7 20.4487V20.8677L127.018 20.9692C125.329 21.0771 124.371 21.8008 124.371 23.0386V23.0513C124.371 24.251 125.291 25.1079 126.656 25.1079ZM126.205 22.9561V22.9434C126.205 22.4609 126.58 22.1562 127.297 22.1118L128.7 22.0229V22.5117C128.7 23.2227 128.09 23.7559 127.259 23.7559C126.618 23.7559 126.205 23.4575 126.205 22.9561Z" fill="white"/>
<path d="M131.753 25H133.607V21.0898C133.607 20.2012 134.133 19.5918 134.965 19.5918C135.796 19.5918 136.215 20.0996 136.215 20.9883V25H138.069V20.6074C138.069 19.0142 137.218 18.0557 135.72 18.0557C134.692 18.0557 133.994 18.5317 133.645 19.3125H133.607V18.1953H131.753V25Z" fill="white"/>
<path d="M141.763 25.1396C142.747 25.1396 143.496 24.6445 143.858 23.8384H143.896V25H145.75V15.8403H143.896V19.376H143.858C143.49 18.5508 142.728 18.0557 141.763 18.0557C140.049 18.0557 138.996 19.376 138.996 21.5913V21.5977C138.996 23.8066 140.049 25.1396 141.763 25.1396ZM142.385 23.6035C141.459 23.6035 140.881 22.8354 140.881 21.5977V21.5913C140.881 20.3472 141.465 19.5918 142.385 19.5918C143.28 19.5918 143.902 20.3662 143.902 21.5913V21.5977C143.902 22.8291 143.287 23.6035 142.385 23.6035Z" fill="white"/>
<path d="M151.018 25.1396C152.732 25.1396 153.792 23.8066 153.792 21.5977V21.5913C153.792 19.376 152.732 18.0557 151.024 18.0557C150.053 18.0557 149.298 18.5508 148.923 19.376H148.885V15.8403H147.032V25H148.885V23.8384H148.923C149.292 24.6445 150.041 25.1396 151.018 25.1396ZM150.402 23.6035C149.501 23.6035 148.885 22.8291 148.885 21.5977V21.5913C148.885 20.3662 149.507 19.5918 150.402 19.5918C151.323 19.5918 151.907 20.3472 151.907 21.5913V21.5977C151.907 22.8354 151.323 23.6035 150.402 23.6035Z" fill="white"/>
<path d="M157.867 25.1396C159.924 25.1396 161.238 23.8193 161.238 21.5977V21.585C161.238 19.3823 159.898 18.0557 157.861 18.0557C155.83 18.0557 154.497 19.395 154.497 21.585V21.5977C154.497 23.813 155.798 25.1396 157.867 25.1396ZM157.874 23.686C156.96 23.686 156.382 22.9307 156.382 21.5977V21.585C156.382 20.271 156.966 19.5093 157.861 19.5093C158.762 19.5093 159.353 20.271 159.353 21.585V21.5977C159.353 22.9243 158.775 23.686 157.874 23.686Z" fill="white"/>
<path d="M161.251 25H163.199L164.475 22.6387H164.513L165.808 25H167.82L165.713 21.5596L167.839 18.1953H165.821L164.615 20.4932H164.577L163.352 18.1953H161.263L163.383 21.6104L161.251 25Z" fill="white"/>
<rect x="0.5" y="0.5" width="183" height="39" rx="3.5" stroke="#009688"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB