页面样式,svg

This commit is contained in:
2025-11-14 15:29:02 +08:00
parent 46003a646e
commit 6be3cc6abd
27 changed files with 585 additions and 180 deletions

View File

@@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.69434 14.7235C10.274 14.0085 14 11.8 14 6.87379V3.89768C14 3.05925 14 2.6394 13.8367 2.31885C13.6929 2.0366 13.4628 1.8073 13.1805 1.66349C12.8597 1.5 12.4402 1.5 11.6001 1.5H4.40015C3.56007 1.5 3.13972 1.5 2.81885 1.66349C2.5366 1.8073 2.3073 2.0366 2.16349 2.31885C2 2.63972 2 3.06007 2 3.90015V6.87378C2 11.8 5.72585 14.0086 7.30546 14.7235C7.47292 14.7993 7.55707 14.8372 7.7466 14.8697C7.86616 14.8902 8.1346 14.8902 8.25415 14.8697C8.44294 14.8373 8.52621 14.7996 8.69234 14.7244L8.69434 14.7235Z" stroke="#0A0A0A" stroke-width="1.6875" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="8" cy="7" r="1.25" stroke="#0A0A0A" stroke-width="1.5"/>
<path d="M8 8.5V10" stroke="#0A0A0A" stroke-width="1.5" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 867 B

View File

@@ -0,0 +1,4 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.00004 11.6668C6.67921 11.6668 6.40465 11.5527 6.17638 11.3244C5.9481 11.0961 5.83376 10.8214 5.83338 10.5002C5.83299 10.1789 5.94732 9.90439 6.17638 9.6765C6.40543 9.44861 6.67999 9.33428 7.00004 9.3335C7.3201 9.33272 7.59485 9.44706 7.82429 9.6765C8.05374 9.90594 8.16788 10.1805 8.16671 10.5002C8.16554 10.8198 8.0514 11.0946 7.82429 11.3244C7.59718 11.5543 7.32243 11.6684 7.00004 11.6668ZM7.00004 8.16683C6.67921 8.16683 6.40465 8.05269 6.17638 7.82442C5.9481 7.59614 5.83376 7.32139 5.83338 7.00017C5.83299 6.67894 5.94732 6.40439 6.17638 6.1765C6.40543 5.94861 6.67999 5.83428 7.00004 5.8335C7.3201 5.83272 7.59485 5.94706 7.82429 6.1765C8.05374 6.40594 8.16788 6.6805 8.16671 7.00017C8.16554 7.31983 8.0514 7.59458 7.82429 7.82442C7.59718 8.05425 7.32243 8.16839 7.00004 8.16683ZM7.00004 4.66683C6.67921 4.66683 6.40465 4.55269 6.17638 4.32442C5.9481 4.09614 5.83376 3.82139 5.83338 3.50017C5.83299 3.17894 5.94732 2.90439 6.17638 2.6765C6.40543 2.44861 6.67999 2.33428 7.00004 2.3335C7.3201 2.33272 7.59485 2.44706 7.82429 2.6765C8.05374 2.90594 8.16788 3.1805 8.16671 3.50017C8.16554 3.81983 8.0514 4.09458 7.82429 4.32442C7.59718 4.55425 7.32243 4.66839 7.00004 4.66683Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1357_6679)">
<mask id="mask0_1357_6679" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
<path d="M16 0H0V16H16V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_1357_6679)">
<path d="M8 12V9.5" stroke="#0A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.7132 1.87974L2.09318 5.57974C1.57318 5.99307 1.23985 6.86637 1.35318 7.5197L2.23985 12.8264C2.39985 13.773 3.30652 14.5397 4.26652 14.5397H11.7332C12.6865 14.5397 13.5999 13.7664 13.7599 12.8264L14.6465 7.5197C14.7532 6.86637 14.4199 5.99307 13.9065 5.57974L9.28653 1.8864C8.5732 1.31307 7.41987 1.31307 6.7132 1.87974Z" stroke="#0A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
<defs>
<clipPath id="clip0_1357_6679">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1010 B

View File

@@ -0,0 +1,4 @@
<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C13.2713 0 16.1757 1.57078 18.0002 3.99923L15.2909 3.99931C13.8807 2.75499 12.0285 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C12.029 18 13.8816 17.2446 15.2919 15.9998H18.0009C16.1765 18.4288 13.2717 20 10 20ZM17 14V11H9V9H17V6L22 10L17 14Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 448 B

View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" fill="black"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6667 14.1665H18.3334V15.8332H1.66669V14.1665H3.33335V8.33317C3.33335 4.65127 6.31812 1.6665 10 1.6665C13.6819 1.6665 16.6667 4.65127 16.6667 8.33317V14.1665ZM15 14.1665V8.33317C15 5.57175 12.7614 3.33317 10 3.33317C7.2386 3.33317 5.00002 5.57175 5.00002 8.33317V14.1665H15ZM7.50002 17.4998H12.5V19.1665H7.50002V17.4998Z" fill="#141F38"/>
</svg>

Before

Width:  |  Height:  |  Size: 225 B

After

Width:  |  Height:  |  Size: 455 B

View File

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.44734 2.75711C6.48407 2.37067 6.66356 2.01181 6.95074 1.75063C7.23792 1.48945 7.61216 1.34473 8.00034 1.34473C8.38852 1.34473 8.76276 1.48945 9.04994 1.75063C9.33712 2.01181 9.51661 2.37067 9.55334 2.75711C9.57542 3.00675 9.65731 3.24739 9.79209 3.45867C9.92688 3.66995 10.1106 3.84565 10.3276 3.97089C10.5447 4.09614 10.7888 4.16724 11.0391 4.17819C11.2895 4.18913 11.5388 4.1396 11.766 4.03378C12.1187 3.87363 12.5185 3.85045 12.8873 3.96877C13.2562 4.08708 13.5679 4.33841 13.7617 4.67385C13.9555 5.00928 14.0175 5.40482 13.9358 5.78349C13.854 6.16215 13.6343 6.49685 13.3193 6.72244C13.1143 6.86634 12.9469 7.05751 12.8313 7.27979C12.7157 7.50207 12.6554 7.74891 12.6554 7.99944C12.6554 8.24997 12.7157 8.49681 12.8313 8.71909C12.9469 8.94137 13.1143 9.13254 13.3193 9.27644C13.6343 9.50203 13.854 9.83673 13.9358 10.2154C14.0175 10.5941 13.9555 10.9896 13.7617 11.325C13.5679 11.6605 13.2562 11.9118 12.8873 12.0301C12.5185 12.1484 12.1187 12.1253 11.766 11.9651C11.5388 11.8593 11.2895 11.8097 11.0391 11.8207C10.7888 11.8316 10.5447 11.9027 10.3276 12.028C10.1106 12.1532 9.92688 12.3289 9.79209 12.5402C9.65731 12.7515 9.57542 12.9921 9.55334 13.2418C9.51661 13.6282 9.33712 13.9871 9.04994 14.2483C8.76276 14.5094 8.38852 14.6542 8.00034 14.6542C7.61216 14.6542 7.23792 14.5094 6.95074 14.2483C6.66356 13.9871 6.48407 13.6282 6.44734 13.2418C6.4253 12.992 6.3434 12.7513 6.20858 12.54C6.07376 12.3286 5.88999 12.1528 5.67283 12.0276C5.45567 11.9023 5.21152 11.8313 4.96106 11.8204C4.7106 11.8095 4.46121 11.8591 4.234 11.9651C3.88126 12.1253 3.48156 12.1484 3.11267 12.0301C2.74379 11.9118 2.43212 11.6605 2.23833 11.325C2.04453 10.9896 1.98248 10.5941 2.06424 10.2154C2.14601 9.83673 2.36574 9.50203 2.68067 9.27644C2.88575 9.13254 3.05316 8.94137 3.16873 8.71909C3.2843 8.49681 3.34464 8.24997 3.34464 7.99944C3.34464 7.74891 3.2843 7.50207 3.16873 7.27979C3.05316 7.05751 2.88575 6.86634 2.68067 6.72244C2.36618 6.49674 2.14684 6.16217 2.06527 5.78376C1.98371 5.40535 2.04574 5.01014 2.23933 4.67492C2.43291 4.3397 2.74421 4.08843 3.11273 3.96994C3.48125 3.85144 3.88066 3.8742 4.23334 4.03378C4.46051 4.1396 4.70983 4.18913 4.96021 4.17819C5.21058 4.16724 5.45463 4.09614 5.6717 3.97089C5.88877 3.84565 6.07247 3.66995 6.20725 3.45867C6.34203 3.24739 6.42393 3.00675 6.446 2.75711" stroke="#0A0A0A" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" stroke="#0A0A0A" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.3333 14.6665H12V13.3332C12 12.2286 11.1046 11.3332 9.99996 11.3332H5.99996C4.89539 11.3332 3.99996 12.2286 3.99996 13.3332V14.6665H2.66663V13.3332C2.66663 11.4922 4.15901 9.99984 5.99996 9.99984H9.99996C11.8409 9.99984 13.3333 11.4922 13.3333 13.3332V14.6665ZM7.99996 8.6665C5.79082 8.6665 3.99996 6.87564 3.99996 4.6665C3.99996 2.45736 5.79082 0.666504 7.99996 0.666504C10.2091 0.666504 12 2.45736 12 4.6665C12 6.87564 10.2091 8.6665 7.99996 8.6665ZM7.99996 7.33317C9.47269 7.33317 10.6666 6.13926 10.6666 4.6665C10.6666 3.19374 9.47269 1.99984 7.99996 1.99984C6.5272 1.99984 5.33329 3.19374 5.33329 4.6665C5.33329 6.13926 6.5272 7.33317 7.99996 7.33317Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 794 B

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB