refactor: ♻️ 控制台等样式优化

Former-commit-id: cb97c545b456eafcfa9486c8be0888de6d95327b

src/assets/icons/cart.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256" xml:space="preserve"><style>.st0{fill:#3a312a}.st1{fill:#d6df58}.st2{fill:#87796f}.st22{fill:#fae6ca}</style><path class="st1" d="M87.5 28.511h73.21v38.46H87.5z"/><path class="st0" d="M160.71 27.011H87.5a1.5 1.5 0 0 0-1.5 1.5v38.46a1.5 1.5 0 0 0 1.5 1.5h73.21a1.5 1.5 0 0 0 1.5-1.5v-38.46a1.5 1.5 0 0 0-1.5-1.5zm-1.5 38.46H89v-35.46h70.21v35.46z"/><path style="fill:#eb6e7a" d="M160.71 44.201H213v22.77h-52.29z"/><path class="st0" d="M213 42.701h-52.29a1.5 1.5 0 0 0-1.5 1.5v22.77a1.5 1.5 0 0 0 1.5 1.5H213a1.5 1.5 0 0 0 1.5-1.5v-22.77a1.5 1.5 0 0 0-1.5-1.5zm-1.5 22.77h-49.29v-19.77h49.29v19.77z"/><circle transform="rotate(-79.1 133.383 217.722)" class="st2" cx="133.392" cy="217.732" r="21.759"/><path class="st0" d="M133.392 194.473c-12.825 0-23.259 10.434-23.259 23.259s10.434 23.259 23.259 23.259c12.825 0 23.259-10.434 23.259-23.259s-10.434-23.259-23.259-23.259zm0 43.518c-11.171 0-20.259-9.088-20.259-20.259 0-11.171 9.088-20.259 20.259-20.259s20.259 9.088 20.259 20.259c-.001 11.171-9.088 20.259-20.259 20.259z"/><path class="st22" d="M133.392 208.831a8.9 8.9 0 0 0-8.901 8.901 8.9 8.9 0 0 0 8.901 8.901 8.9 8.9 0 1 0 0-17.802z"/><path class="st0" d="M133.392 207.331c-5.735 0-10.401 4.666-10.401 10.401 0 5.735 4.666 10.401 10.401 10.401 5.735 0 10.401-4.666 10.401-10.401 0-5.735-4.666-10.401-10.401-10.401zm0 17.802c-4.081 0-7.401-3.32-7.401-7.401 0-4.081 3.32-7.401 7.401-7.401 4.081 0 7.401 3.32 7.401 7.401 0 4.081-3.32 7.401-7.401 7.401z"/><circle transform="rotate(-82.981 188.612 217.733)" class="st2" cx="188.608" cy="217.732" r="21.759"/><path class="st0" d="M188.608 194.473c-12.825 0-23.259 10.434-23.259 23.259s10.434 23.259 23.259 23.259 23.259-10.434 23.259-23.259-10.433-23.259-23.259-23.259zm0 43.518c-11.171 0-20.259-9.088-20.259-20.259 0-11.171 9.088-20.259 20.259-20.259s20.259 9.088 20.259 20.259c0 11.171-9.088 20.259-20.259 20.259z"/><path class="st22" d="M188.608 208.831a8.9 8.9 0 0 0-8.901 8.901 8.9 8.9 0 0 0 8.901 8.901 8.9 8.9 0 0 0 8.901-8.901 8.9 8.9 0 0 0-8.901-8.901z"/><path class="st0" d="M188.608 207.331c-5.735 0-10.401 4.666-10.401 10.401 0 5.735 4.666 10.401 10.401 10.401s10.401-4.666 10.401-10.401c.001-5.735-4.665-10.401-10.401-10.401zm0 17.802c-4.081 0-7.401-3.32-7.401-7.401 0-4.081 3.32-7.401 7.401-7.401 4.081 0 7.401 3.32 7.401 7.401.001 4.081-3.32 7.401-7.401 7.401z"/><path d="M235.986 66.973H77.896l25.01 98.95h105.33a6.744 6.744 0 0 0 6.414-4.661l27.75-85.463c1.414-4.356-1.833-8.826-6.414-8.826z" style="fill:#8ac5dc"/><path class="st0" d="M242.654 68.871a8.157 8.157 0 0 0-6.668-3.397H77.896a1.5 1.5 0 0 0-1.455 1.868l25.01 98.95a1.499 1.499 0 0 0 1.454 1.132h58.657a1.5 1.5 0 1 0 0-3h-57.489l-24.252-95.95h156.164a5.19 5.19 0 0 1 4.241 2.161 5.188 5.188 0 0 1 .745 4.702l-27.75 85.463a5.232 5.232 0 0 1-4.987 3.625h-31.769a1.5 1.5 0 1 0 0 3h31.769a8.227 8.227 0 0 0 7.841-5.697l27.75-85.463a8.157 8.157 0 0 0-1.171-7.394z"/><path class="st2" d="M219.014 181.471H106.831L66.521 21.984a7.252 7.252 0 0 0-7.03-5.475H20.517a7.251 7.251 0 0 0 0 14.502h33.328l5.531 21.885 3.836 15.175 30.943 122.427a7.25 7.25 0 0 0 7.03 5.474h117.83a7.25 7.25 0 1 0-.001-14.501z"/><path class="st0" d="M219.015 179.971H107.999L67.975 21.616a8.742 8.742 0 0 0-8.484-6.607H20.517c-4.825 0-8.751 3.926-8.751 8.751 0 4.826 3.926 8.751 8.751 8.751h32.16l5.245 20.752a1.5 1.5 0 0 0 2.908-.736l-5.531-21.884a1.499 1.499 0 0 0-1.454-1.132H20.517a5.758 5.758 0 0 1-5.751-5.751 5.758 5.758 0 0 1 5.751-5.751h38.975a5.746 5.746 0 0 1 5.576 4.342l40.31 159.487a1.499 1.499 0 0 0 1.454 1.132h112.184c3.171 0 5.751 2.58 5.751 5.751s-2.58 5.751-5.751 5.751h-117.83a5.745 5.745 0 0 1-5.575-4.342L64.666 67.704a1.5 1.5 0 1 0-2.908.736l30.943 122.426a8.74 8.74 0 0 0 8.484 6.607h117.83c4.825 0 8.751-3.926 8.751-8.751 0-4.825-3.926-8.751-8.751-8.751z"/><path d="M240.226 70.633c-1-1.37-2.54-2.16-4.24-2.16h-15c1.7 0 3.24.79 4.24 2.16s1.27 3.09.75 4.7l-27.75 85.47a5.245 5.245 0 0 1-4.99 3.62h15c2.28 0 4.28-1.46 4.99-3.62l27.75-85.47c.52-1.61.25-3.33-.75-4.7z" style="fill:#6ca6be"/><path d="M219.016 182.973h-15c3.17 0 5.75 2.58 5.75 5.75s-2.58 5.75-5.75 5.75h15c3.17 0 5.75-2.58 5.75-5.75s-2.58-5.75-5.75-5.75z" style="fill:#6a5c52"/><path class="st1" d="M50.246 93.193c-.974 11.564-13.025 13.389-13.025 13.389 10.347.487 12.925 14.059 12.925 14.059.221-9.677 13.321-14.202 13.321-14.202-9.813-.587-13.221-13.246-13.221-13.246z"/><path class="st0" d="M63.557 104.942c-8.604-.514-11.831-12.024-11.863-12.14a1.5 1.5 0 0 0-2.942.265c-.86 10.215-11.313 11.963-11.754 12.032a1.5 1.5 0 0 0 .154 2.982c9.028.425 11.499 12.719 11.523 12.843a1.5 1.5 0 0 0 2.973-.247c.194-8.509 12.191-12.777 12.313-12.819a1.501 1.501 0 0 0-.404-2.916zm-13.566 10.346c-1.357-3.13-3.709-6.907-7.587-8.876 2.931-1.405 6.409-3.913 8.202-8.273 1.551 3.071 4.2 6.88 8.334 8.722-3.007 1.64-6.922 4.405-8.949 8.427z"/><path class="st1" d="M28.547 110.174c-.689 8Line truncated

src/assets/icons/message.svg

@@ -1 +1 @@
-<svg t="1651250049265" class="icon" viewBox="0 0 1146 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12503" width="200" height="200"><path d="M1091.555481 293.125035l-0.029028-0.152398-0.123369-0.123369C999.485831 119.76239 802.044436 0 573.238256 0c-316.53614 0-573.223741 229.292399-573.223741 512.039914 0 90.22637 47.947047 182.143624 93.869388 255.736933l-21.771021 172.861911c0 8.352815 3.461592 16.458892 10.471861 22.808774 6.451479 5.682237 14.862351 8.686638 23.382077 9.100287v0.166911h2.148074l215.083179-21.132405c75.545445 32.816187 160.372602 72.345105 250.04744 72.345105 316.53614 0 573.223741-229.205315 573.223741-511.974601 0.021771-78.295851-19.731803-152.462464-54.913773-218.827794z m-773.306687 270.265461a51.423153 51.423153 0 1 1 0-102.853563 51.43041 51.43041 0 0 1 0 102.853563z m252.630935 0a51.437667 51.437667 0 0 1 0-102.853563 51.43041 51.43041 0 1 1 0 102.853563z m252.638191 0a51.43041 51.43041 0 1 1-0.014514-102.846306 51.43041 51.43041 0 0 1 0.014514 102.846306z" fill="" p-id="12504"></path></svg>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256" xml:space="preserve"><style>.st0{fill:#3a312a}.st2{fill:#87796f}.st7{fill:#d34e5c}.st10{fill:#d7e057}.st12{fill:#f16c7a}.st17{fill:#6a5c52}</style><path class="st2" d="m16.658 103.572 99.646 82.848c6.48 5.388 17.009 5.388 23.49 0l99.646-82.848H16.658z"/><path class="st0" d="M240.851 103.062a1.5 1.5 0 0 0-1.411-.99H16.658a1.5 1.5 0 0 0-.959 2.653l99.646 82.848c3.503 2.913 8.103 4.369 12.704 4.368 4.6 0 9.202-1.456 12.704-4.368l99.646-82.848a1.5 1.5 0 0 0 .452-1.663zm-102.016 82.204c-5.947 4.945-15.625 4.944-21.572 0l-96.455-80.194H235.29l-96.455 80.194z"/><path class="st2" d="M139.794 20.724c-6.481-5.388-17.009-5.388-23.49 0l-99.646 82.848H239.44l-99.646-82.848z"/><path class="st0" d="M240.399 102.418 140.753 19.57c-7.004-5.824-18.402-5.824-25.408 0l-99.646 82.848a1.5 1.5 0 0 0 .959 2.653H239.44a1.5 1.5 0 0 0 .959-2.653zm-219.591-.346 96.455-80.195c5.947-4.944 15.625-4.944 21.572 0l96.455 80.195H20.808z"/><path d="M196.844 58.341H59.255c-8.852 0-16.027 7.175-16.027 16.027v149.234c0 8.852 7.176 16.027 16.027 16.027h137.589c8.852 0 16.027-7.176 16.027-16.027V74.368c0-8.852-7.176-16.027-16.027-16.027z" style="fill:#fce8cb"/><path class="st0" d="M196.844 56.841h-33.465a1.5 1.5 0 1 0 0 3h33.465c8.01 0 14.527 6.517 14.527 14.527v149.234c0 8.01-6.517 14.527-14.527 14.527H59.254c-8.01 0-14.527-6.517-14.527-14.527V74.368c0-8.01 6.517-14.527 14.527-14.527h89.368a1.5 1.5 0 1 0 0-3H59.254c-9.665 0-17.527 7.863-17.527 17.527v149.234c0 9.665 7.863 17.527 17.527 17.527h137.589c9.664 0 17.527-7.863 17.527-17.527V74.368c.001-9.664-7.862-17.527-17.526-17.527z"/><path class="st0" d="M187.89 83.889H68.11a1.5 1.5 0 1 0 0 3h119.78a1.5 1.5 0 1 0 0-3zM187.89 108.961H68.11a1.5 1.5 0 1 0 0 3h119.78a1.5 1.5 0 1 0 0-3zM187.89 134.034H68.11a1.5 1.5 0 1 0 0 3h119.78a1.5 1.5 0 1 0 0-3z"/><path class="st12" d="M157.43 171.76h-.01l-17.63 14.66c-6.48 5.39-17.01 5.39-23.49 0l-17.63-14.66-82.01-68.19v122.58c0 4 1.76 7.58 4.54 10.03 2.35 2.06 5.43 3.32 8.81 3.32h196.08c3.38 0 6.46-1.26 8.81-3.32 2.78-2.45 4.54-6.03 4.54-10.03V103.57l-82.01 68.19z"/><path class="st0" d="M240.077 102.212a1.5 1.5 0 0 0-1.596.205l-81.908 68.105a1.556 1.556 0 0 0-.112.084l-17.63 14.66c-5.946 4.947-15.623 4.948-21.572 0l-99.64-82.85a1.5 1.5 0 0 0-2.459 1.153v55.324a1.5 1.5 0 1 0 3 0v-52.126l97.181 80.805c7.005 5.827 18.403 5.828 25.408 0l17.528-14.576c.039-.026.076-.054.112-.084l79.551-66.145V226.15c0 3.401-1.47 6.647-4.029 8.902A11.862 11.862 0 0 1 226.09 238H30.01a11.86 11.86 0 0 1-7.818-2.945 11.878 11.878 0 0 1-4.032-8.905v-53.044a1.5 1.5 0 1 0-3 0v53.044c0 4.262 1.84 8.328 5.051 11.158A14.857 14.857 0 0 0 30.009 241h196.08c3.603 0 7.083-1.311 9.802-3.694a14.882 14.882 0 0 0 5.048-11.156V103.57a1.496 1.496 0 0 0-.862-1.358z"/><path class="st10" d="M47.471 25.724c-.974 11.564-13.025 13.39-13.025 13.39 10.346.487 12.925 14.059 12.925 14.059.221-9.677 13.321-14.202 13.321-14.202-9.813-.587-13.221-13.247-13.221-13.247z"/><path class="st0" d="M60.782 37.473c-8.604-.514-11.831-12.024-11.863-12.14a1.51 1.51 0 0 0-1.584-1.102 1.5 1.5 0 0 0-1.359 1.367c-.86 10.215-11.314 11.963-11.754 12.032a1.5 1.5 0 0 0 .154 2.981c9.028.425 11.498 12.719 11.522 12.843a1.5 1.5 0 0 0 2.972-.247c.195-8.509 12.192-12.777 12.313-12.819a1.502 1.502 0 0 0 .994-1.623 1.499 1.499 0 0 0-1.395-1.292zM47.216 47.819c-1.356-3.13-3.709-6.907-7.587-8.876 2.931-1.405 6.409-3.913 8.202-8.273 1.551 3.071 4.199 6.88 8.334 8.722-3.007 1.64-6.922 4.406-8.949 8.427z"/><path class="st10" d="M25.772 42.705c-.689 8.179-9.212 9.471-9.212 9.471 7.318.344 9.142 9.944 9.142 9.944.156-6.845 9.422-10.045 9.422-10.045-6.941-.416-9.352-9.37-9.352-9.37z"/><path class="st0" d="M35.213 50.577c-5.766-.345-7.972-8.185-7.994-8.264a1.5 1.5 0 0 0-2.942.266c-.579 6.871-7.646 8.067-7.942 8.114a1.5 1.5 0 0 0 .155 2.982c6.035.284 7.724 8.644 7.739 8.726a1.5 1.5 0 0 0 2.974-.246c.13-5.709 8.331-8.634 8.412-8.662a1.502 1.502 0 0 0-.402-2.916zm-9.584 6.795c-.924-1.885-2.34-3.947-4.447-5.28 1.855-1.041 3.697-2.63 4.871-4.917 1.057 1.874 2.654 3.955 4.941 5.224-1.85 1.101-3.989 2.741-5.365 4.973z"/><path class="st10" d="M25.772 16.048c-.689 8.179-9.212 9.471-9.212 9.471 7.318.344 9.142 9.944 9.142 9.944.156-6.845 9.422-10.045 9.422-10.045-6.941-.416-9.352-9.37-9.352-9.37z"/><path class="st0" d="M35.214 23.919c-5.766-.345-7.973-8.185-7.994-8.265a1.5 1.5 0 0 0-2.942.266c-.579 6.871-7.646 8.067-7.942 8.114a1.5 1.5 0 0 0 .155 2.981c6.035.284 7.724 8.644 7.739 8.726a1.5 1.5 0 0 0 2.974-.246c.13-5.709 8.331-8.634 8.412-8.662a1.5 1.5 0 0 0-.402-2.914zm-9.585 6.795c-.924-1.885-2.34-3.947-4.447-5.28 1.855-1.041 3.697-2.63 4.871-4.916 1.057 1.873 2.654 3.954 4.941 5.224-1.85 1.101-3.989 2.74-5.365 4.972z"/><path class="st12" d="M157.43 171.76h-.01l-17.63-14.66c-6.48-5.38-17.01-5.38-23.49 0l-17.63 14.66-77.47 64.42c2.35 2.06 5.43 3.32 8.81 3.32h196.08c3.38 0 6.46-1.26 8.81-3.32l-77.47-64.42z"/><path class=Line truncated

src/assets/icons/money.svg

@@ -1 +1 @@
-<svg t="1651249944904" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8089" width="200" height="200"><path d="M688 316.8C726.4 278.4 768 220.8 768 160c0-35.2-9.6-64-32-86.4C694.4 32 620.8 32 537.6 32l-22.4 0c-12.8 0-25.6 0-38.4 0C396.8 32 332.8 32 291.2 70.4c-22.4 22.4-32 51.2-32 89.6 0 64 41.6 118.4 76.8 156.8-140.8 73.6-236.8 220.8-236.8 371.2 0 278.4 281.6 278.4 416 278.4s416 0 416-278.4C931.2 534.4 832 390.4 688 316.8zM611.2 579.2c19.2 0 32 12.8 32 32s-12.8 32-32 32l-64 0 0 32 64 0c19.2 0 32 12.8 32 32s-12.8 32-32 32l-64 0 0 67.2c0 19.2-12.8 32-32 32s-32-12.8-32-32l0-67.2-64 0c-19.2 0-32-12.8-32-32s12.8-32 32-32l64 0 0-32-64 0c-19.2 0-32-12.8-32-32s12.8-32 32-32l64 0 0-19.2-89.6-86.4c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l80 76.8 80-76.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8l-96 92.8 0 12.8L611.2 579.2z" p-id="8090"></path></svg>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256" xml:space="preserve"><style>.st0{fill:#ef6d7a}.st1{fill:#3a312a}.st2{fill:#87796f}.st4{fill:#d5de58}.st6{fill:#d34e5c}</style><path class="st0" d="M235.7 89.1 165.6 19c-4-4-10.6-4-14.6 0l-19.7 19.7-10 10-76.6 76.6c-4 4-4 10.6 0 14.6l70.1 70.1c4 4 10.6 4 14.6 0l106.4-106.4c3.9-3.9 3.9-10.5-.1-14.5z"/><path class="st1" d="M236.8 88.1 166.7 18c-2.2-2.2-5.2-3.5-8.4-3.5s-6.1 1.2-8.4 3.5l-19.7 19.7c-.6.6-.6 1.5 0 2.1.6.6 1.5.6 2.1 0L152 20.1c1.7-1.7 3.9-2.6 6.2-2.6s4.6.9 6.2 2.6l70.1 70.1c1.7 1.7 2.6 3.9 2.6 6.2s-.9 4.6-2.6 6.2L128.3 209c-1.7 1.7-3.9 2.6-6.2 2.6-2.4 0-4.6-.9-6.2-2.6l-70.1-70.1c-1.7-1.7-2.6-3.9-2.6-6.2s.9-4.6 2.6-6.2l76.6-76.6c.6-.6.6-1.5 0-2.1-.6-.6-1.5-.6-2.1 0l-76.6 76.6c-2.2 2.2-3.5 5.2-3.5 8.4s1.2 6.1 3.5 8.4l70.1 70.1c2.2 2.2 5.2 3.5 8.4 3.5s6.1-1.2 8.4-3.5L237 104.9c2.2-2.2 3.5-5.2 3.5-8.4s-1.5-6.2-3.7-8.4z"/><path transform="rotate(-45.001 121.075 95.469)" class="st2" d="M35.5 84.2h171.1v22.5H35.5z"/><path class="st1" d="M190.6 41.9 174.7 26c-.6-.6-1.5-.6-2.1 0l-121 121c-.6.6-.6 1.5 0 2.1L67.5 165c.3.3.7.4 1.1.4s.8-.2 1.1-.4l121-121c.3-.3.4-.7.4-1.1s-.2-.8-.5-1zM68.5 161.8 54.8 148 173.6 29.1l13.8 13.8L68.5 161.8z"/><path d="M178.5 120.2H28c-5.7 0-10.3 4.6-10.3 10.3V229.6c0 5.7 4.6 10.3 10.3 10.3h150.5c5.7 0 10.3-4.6 10.3-10.3v-99.1c0-5.7-4.6-10.3-10.3-10.3z" style="fill:#fce8cb"/><path class="st1" d="M178.5 118.7H28c-6.5 0-11.8 5.3-11.8 11.8v51.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-51.2c0-4.9 4-8.8 8.8-8.8h150.5c4.9 0 8.8 4 8.8 8.8v99.1c0 4.9-4 8.8-8.8 8.8H28c-4.9 0-8.8-4-8.8-8.8v-33.7c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5v33.7c0 6.5 5.3 11.8 11.8 11.8h150.5c6.5 0 11.8-5.3 11.8-11.8v-99.1c0-6.5-5.3-11.8-11.8-11.8z"/><path class="st4" d="M48.2 26.3c-1 11.6-13 13.4-13 13.4 10.3.5 12.9 14.1 12.9 14.1.2-9.7 13.3-14.2 13.3-14.2-9.8-.6-13.2-13.3-13.2-13.3z"/><path class="st1" d="M61.5 38.1c-8.6-.5-11.8-12-11.9-12.1-.2-.7-.9-1.2-1.6-1.1-.7.1-1.3.6-1.4 1.4-.9 10.2-11.3 12-11.8 12-.8.1-1.3.8-1.3 1.6s.7 1.4 1.4 1.4c9 .4 11.5 12.7 11.5 12.8.1.7.8 1.2 1.5 1.2h.1c.8-.1 1.4-.7 1.4-1.5.4-8.5 12.4-12.8 12.5-12.8.7-.2 1.1-.9 1-1.6s-.7-1.3-1.4-1.3zM47.9 48.4c-1.4-3.1-3.7-6.9-7.6-8.9 2.9-1.4 6.4-3.9 8.2-8.3 1.6 3.1 4.2 6.9 8.3 8.7-2.9 1.7-6.9 4.5-8.9 8.5z"/><path class="st4" d="M26.5 43.3c-.7 8.2-9.2 9.5-9.2 9.5 7.3.3 9.1 9.9 9.1 9.9.2-6.8 9.4-10 9.4-10-6.9-.4-9.3-9.4-9.3-9.4z"/><path class="st1" d="M35.9 51.2c-5.8-.3-8-8.2-8-8.3-.2-.7-.9-1.2-1.6-1.1-.7.1-1.3.6-1.4 1.4-.6 6.9-7.6 8.1-7.9 8.1-.8.1-1.3.8-1.3 1.6s.7 1.4 1.4 1.4c6 .3 7.7 8.6 7.7 8.7.1.7.8 1.2 1.5 1.2h.1c.8-.1 1.4-.7 1.4-1.5.1-5.7 8.3-8.6 8.4-8.7.7-.2 1.1-.9 1-1.6 0-.6-.6-1.2-1.3-1.2zM26.3 58c-.9-1.9-2.3-3.9-4.4-5.3 1.9-1 3.7-2.6 4.9-4.9 1.1 1.9 2.7 4 4.9 5.2-1.9 1.1-4 2.7-5.4 5z"/><path class="st4" d="M26.4 16.7c-.7 8.2-9.2 9.5-9.2 9.5 7.3.3 9.2 9.9 9.2 9.9.1-6.8 9.4-10.1 9.4-10.1-6.9-.4-9.4-9.3-9.4-9.3z"/><path class="st1" d="M35.9 24.5c-5.7-.3-8-8.1-8-8.2-.2-.7-.9-1.2-1.6-1.1-.7.1-1.3.6-1.4 1.4-.6 6.9-7.6 8.1-7.9 8.1-.8.1-1.3.8-1.3 1.6s.7 1.4 1.4 1.4c6 .3 7.8 8.6 7.8 8.7.1.7.8 1.2 1.5 1.2h.1c.8-.1 1.4-.7 1.4-1.5.1-5.7 8.3-8.7 8.4-8.7.7-.2 1.1-.9 1-1.6-.1-.7-.7-1.3-1.4-1.3zm-9.5 6.8c-.9-1.9-2.4-3.9-4.5-5.3 1.9-1 3.7-2.6 4.9-4.9 1.1 1.9 2.7 3.9 5 5.2-1.9 1.1-4.1 2.8-5.4 5zM84 166.6H37.7c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5H84c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5zM169.7 218.5h-132c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h132c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5zM84 145.8H37.7c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5H84c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5z"/><circle cx="194" cy="194.7" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d5de58" r="44.7"/><path class="st1" d="M194 148.5c-25.5 0-46.2 20.7-46.2 46.2S168.5 241 194 241s46.2-20.7 46.2-46.2-20.7-46.3-46.2-46.3zm0 89.5c-23.8 0-43.2-19.4-43.2-43.2s19.4-43.2 43.2-43.2 43.2 19.4 43.2 43.2S217.8 238 194 238z"/><path class="st2" d="M194.1 163.3c-8.4 0-15.2 6.8-15.2 15.2v11.7c0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5v-11.7c0-4.6 3.7-8.3 8.3-8.3 4.6 0 8.3 3.7 8.3 8.3v11.7c0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5v-11.7c-.2-8.4-7-15.2-15.4-15.2z"/><path class="st1" d="M194.1 161.8c-9.2 0-16.7 7.5-16.7 16.7v11.7c0 2.7 2.2 5 5 5s5-2.2 5-5v-11.7c0-3.7 3-6.8 6.8-6.8s6.8 3 6.8 6.8v11.7c0 2.7 2.2 5 5 5s5-2.2 5-5v-11.7c-.2-9.2-7.7-16.7-16.9-16.7zm13.7 28.4c0 1.1-.9 2-2 2s-2-.9-2-2v-11.7c0-5.4-4.4-9.8-9.8-9.8s-9.8 4.4-9.8 9.8v11.7c0 1.1-.9 2-2 2s-2-.9-2-2v-11.7c0-7.6 6.2-13.7 13.7-13.7s13.7 6.2 13.7 13.7l.2 11.7z"/><path class="st0" d="M204.8 189.1h-21.5c-4.3 0-7.8 3.5-7.8 7.8v21.5c0 4.3 3.5 7.8 7.8 7.8h21.5c4.3 0 7.8-3.5 7.8-7.8v-21.5c0-4.3-3.5-7.8-7.8-7.8z"/><path class="st1" d="M204.8 187.6h-21.5c-5.1 0-9.3 4.2-9.3 9.3v21.5c0 5.1 4.2 9.3 9.3 9.3h21.5c5.1 0 9.3-4.2 9.3-9.3v-21.5c0-5.1-4.2-9.3-9.3-9.3zm6.3 30.7c0 3.5-2.8 6.3-6.3 6.3h-21.5c-3.5 0-6.3-2.8-6.3-6.3v-21.5c0-3.5 2.8-6.3 6.3-6.3h21.5c3.5 0 6.3 2.8 6.3 6.3v21.5z"/><path class="st2" d="M194.1 197.3c-3.1 0-5.6 2.5-5.6 5.6 0 2.2 1.3 4.Line truncated

src/assets/icons/uv.svg

@@ -1 +0,0 @@
-<svg t="1650813729189" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3256" width="200" height="200"><path d="M504.29 576.68c-150.17 0-272.35-122.93-272.35-274.03C231.95 153.42 354.12 32 504.29 32s272.33 121.42 272.33 270.65c0.01 151.1-122.16 274.03-272.33 274.03z m0-476.18c-112.4 0-203.84 90.69-203.84 202.15 0 113.33 91.45 205.53 203.84 205.53s203.83-92.19 203.83-205.53c0-111.46-91.43-202.15-203.83-202.15z" p-id="3257"></path><path d="M410.8 988.38H96.13c-18.92 0-34.25-15.33-34.25-34.25 0-245.82 198.46-445.81 442.4-445.81 18.92 0 34.25 15.33 34.25 34.25s-15.33 34.25-34.25 34.25c-194.72 0-355.16 151-372.37 343.05H410.8c18.92 0 34.25 15.33 34.25 34.25s-15.33 34.26-34.25 34.26z" p-id="3258"></path><path d="M756.99 637.76c-97.82 0-177.12 79.3-177.12 177.12S659.17 992 756.99 992s177.12-79.3 177.12-177.12H756.99V637.76z" p-id="3259"></path><path d="M785 609.76v177.12h177.12c0-97.82-79.3-177.12-177.12-177.12z" p-id="3260"></path></svg>

src/assets/icons/visit.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256" xml:space="preserve"><style>.st0{fill:#3a312a}.st1{fill:#d6df58}.st2{fill:#87796f}.st22,.st43{fill:#fae6ca}.st43{fill-rule:evenodd;clip-rule:evenodd}.st44{fill:#f59689}</style><path class="st1" d="M71.173 94.861c-.984 11.697-13.157 13.543-13.157 13.543 10.452.492 13.056 14.221 13.056 14.221.224-9.788 13.456-14.365 13.456-14.365-9.912-.595-13.355-13.399-13.355-13.399z"/><path class="st0" d="M84.619 106.762c-8.703-.522-11.966-12.175-11.998-12.292a1.5 1.5 0 0 0-2.943.266c-.869 10.346-11.439 12.116-11.886 12.186a1.5 1.5 0 0 0 .155 2.982c9.131.43 11.63 12.878 11.653 13.003a1.502 1.502 0 0 0 1.599 1.213 1.5 1.5 0 0 0 1.375-1.459c.196-8.619 12.325-12.939 12.448-12.982a1.5 1.5 0 0 0-.403-2.917zm-13.704 10.484c-1.371-3.178-3.756-7.024-7.701-9.016 2.972-1.42 6.51-3.965 8.322-8.405 1.566 3.116 4.254 6.996 8.458 8.858-3.047 1.66-7.03 4.47-9.079 8.563z"/><path class="st1" d="M49.255 112.036c-.696 8.273-9.306 9.579-9.306 9.579 7.392.348 9.235 10.058 9.235 10.058.158-6.923 9.518-10.161 9.518-10.161-7.012-.419-9.447-9.476-9.447-9.476z"/><path class="st0" d="M58.791 120.016c-5.836-.35-8.066-8.292-8.088-8.372a1.5 1.5 0 0 0-2.943.266c-.586 6.963-7.737 8.175-8.036 8.222a1.5 1.5 0 0 0 .155 2.982c6.108.288 7.816 8.757 7.832 8.84a1.5 1.5 0 0 0 2.974-.246c.131-5.787 8.426-8.749 8.508-8.777a1.5 1.5 0 0 0-.402-2.915zm-9.683 6.888c-.936-1.919-2.375-4.022-4.523-5.374 1.888-1.055 3.764-2.671 4.952-5.005 1.07 1.906 2.694 4.03 5.025 5.316-1.878 1.117-4.059 2.785-5.454 5.063z"/><path class="st1" d="M49.255 85.072c-.696 8.273-9.306 9.579-9.306 9.579 7.392.348 9.235 10.058 9.235 10.058.158-6.923 9.518-10.161 9.518-10.161-7.012-.419-9.447-9.476-9.447-9.476z"/><path class="st0" d="M58.791 93.053c-5.836-.35-8.066-8.292-8.088-8.373a1.512 1.512 0 0 0-1.582-1.102 1.5 1.5 0 0 0-1.361 1.368c-.586 6.964-7.737 8.175-8.036 8.223a1.5 1.5 0 0 0 .155 2.982c6.108.288 7.815 8.757 7.832 8.84a1.5 1.5 0 0 0 2.974-.246c.131-5.788 8.426-8.749 8.508-8.777a1.5 1.5 0 0 0-.402-2.915zm-9.683 6.887c-.936-1.919-2.375-4.022-4.523-5.374 1.888-1.055 3.764-2.671 4.952-5.005 1.07 1.907 2.694 4.03 5.025 5.316-1.878 1.117-4.059 2.786-5.454 5.063z"/><path class="st22" d="M163.837 240.717h72.079v-27.095c0-16.514-13.368-29.9-29.86-29.9h-19.728v-12.839c-5.457 3.788-11.103 6.023-16.582 6.023-5.256 0-10.802-2.257-16.236-6.09h-.335v12.906h-19.74c-16.492 0-29.86 13.386-29.86 29.9v27.095h45.345"/><path class="st0" d="M206.056 182.222h-18.229v-11.339a1.5 1.5 0 0 0-2.356-1.232c-5.501 3.819-10.792 5.755-15.727 5.755-4.729 0-9.899-1.957-15.371-5.815a1.495 1.495 0 0 0-.864-.274h-.335a1.5 1.5 0 0 0-1.5 1.5v11.406h-18.239c-17.292 0-31.36 14.086-31.36 31.4v27.095a1.5 1.5 0 0 0 1.5 1.5h45.345a1.5 1.5 0 1 0 0-3h-43.845v-25.595c0-15.66 12.723-28.4 28.36-28.4h19.739a1.5 1.5 0 0 0 1.5-1.5V173.4c5.259 3.324 10.319 5.006 15.07 5.006 4.829 0 9.893-1.598 15.082-4.756v10.072a1.5 1.5 0 0 0 1.5 1.5h19.729c15.638 0 28.36 12.74 28.36 28.4v25.595h-70.579a1.5 1.5 0 1 0 0 3h72.079a1.5 1.5 0 0 0 1.5-1.5v-27.095c.001-17.314-14.067-31.4-31.359-31.4z"/><path d="M163.837 240.72h72.079v-27.107c0-16.514-13.368-29.9-29.861-29.9h-4.72l.123.089-20.521 27.252-10.59-7.989-10.589 7.989-20.521-27.252.123-.089h-5.925c-16.492 0-29.86 13.386-29.86 29.9v27.107h45.345" style="fill:#8ac5dc"/><path class="st0" d="M206.056 182.213h-4.72a1.5 1.5 0 0 0-1.473 1.215l-19.221 25.525-9.391-7.084a1.502 1.502 0 0 0-1.807 0l-9.392 7.084-19.22-25.525a1.5 1.5 0 0 0-1.473-1.215h-5.926c-17.292 0-31.36 14.086-31.36 31.4v27.107a1.5 1.5 0 0 0 1.5 1.5h45.345a1.5 1.5 0 1 0 0-3h-43.845v-25.607c0-15.66 12.723-28.4 28.36-28.4h4.987l20.138 26.744a1.499 1.499 0 0 0 2.101.295l9.687-7.307 9.686 7.307a1.498 1.498 0 0 0 2.101-.295l20.139-26.744h3.781c15.638 0 28.36 12.74 28.36 28.4v25.607h-70.579a1.5 1.5 0 1 0 0 3h72.079a1.5 1.5 0 0 0 1.5-1.5v-27.107c.003-17.314-14.065-31.4-31.357-31.4z"/><ellipse class="st43" cx="118.471" cy="109.602" rx="11.749" ry="11.765"/><path class="st0" d="M118.472 96.336c-7.306 0-13.25 5.951-13.25 13.265s5.944 13.265 13.25 13.265 13.249-5.951 13.249-13.265-5.944-13.265-13.249-13.265zm0 23.531c-5.652 0-10.25-4.605-10.25-10.265s4.598-10.265 10.25-10.265c5.651 0 10.249 4.605 10.249 10.265s-4.598 10.265-10.249 10.265z"/><ellipse class="st43" cx="221.023" cy="109.602" rx="11.749" ry="11.765"/><path class="st0" d="M221.023 96.336c-7.306 0-13.25 5.951-13.25 13.265s5.944 13.265 13.25 13.265 13.249-5.951 13.249-13.265-5.943-13.265-13.249-13.265zm0 23.531c-5.652 0-10.25-4.605-10.25-10.265s4.598-10.265 10.25-10.265c5.651 0 10.249 4.605 10.249 10.265s-4.597 10.265-10.249 10.265z"/><path class="st22" d="M169.747 51.735c-28.766 0-52.086 23.351-52.086 52.156s28.813 73.018 52.086 73.018c24.382 0 52.086-44.213 52.086-73.018s-23.319-52.156-52.086-52.156z"/><path class="st0" d="M169.747 50.235c-29.548 0-53.586 24.07-53.586 53.656 0 13.993 6.736 32.448 17.581 48.163 11.388 16.502 24.848 26.355 36.005 26.355 11Line truncated

src/styles/sidebar.scss

@@ -122,7 +122,7 @@
 
       // TODO
       & > .svg-icon {
-        margin: 0 auto;
+        margin-left: 20px;
       }
 
       & > span {

src/views/dashboard/index.vue

@@ -115,10 +115,8 @@ orderCount.value = 2000;
     <el-row :gutter="40" class="mb-4">
       <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
         <div class="data-box">
-          <div
+          <div class="p-3 rounded">
-            class="text-[#40c9c6] hover:!text-white hover:bg-[#40c9c6] p-3 rounded"
+            <svg-icon icon-class="visit" size="3em" />
-          >
-            <svg-icon icon-class="uv" size="3em" />
           </div>
           <div class="flex flex-col space-y-3">
             <div class="text-[var(--el-text-color-secondary)]">访问数</div>
@@ -132,9 +130,7 @@ orderCount.value = 2000;
       <!--消息数-->
       <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
         <div class="data-box">
-          <div
+          <div class="p-3 rounded">
-            class="text-[#36a3f7] hover:!text-white hover:bg-[#36a3f7] p-3 rounded"
-          >
             <svg-icon icon-class="message" size="3em" />
           </div>
           <div class="flex flex-col space-y-3">
@@ -148,9 +144,7 @@ orderCount.value = 2000;
 
       <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
         <div class="data-box">
-          <div
+          <div class="p-3 rounded">
-            class="text-[#f4516c] hover:!text-white hover:bg-[#f4516c] p-3 rounded"
-          >
             <svg-icon icon-class="money" size="3em" />
           </div>
           <div class="flex flex-col space-y-3">
@@ -163,10 +157,8 @@ orderCount.value = 2000;
       </el-col>
       <el-col :xs="24" :sm="12" :lg="6" class="mb-2">
         <div class="data-box">
-          <div
+          <div class="p-3 rounded">
-            class="text-[#34bfa3] hover:!text-white hover:bg-[#34bfa3] p-3 rounded"
+            <svg-icon icon-class="cart" size="3em" />
-          >
-            <svg-icon icon-class="shopping" size="3em" />
           </div>
           <div class="flex flex-col space-y-3">
             <div class="text-[var(--el-text-color-secondary)]">订单数</div>