大屏菜单图标,背景替换

src/assets/icons/svg/dp-data.svg

@@ -1,12 +1 @@
-<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1748429747907" class="icon" viewBox="0 0 1243 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1530" xmlns:xlink="http://www.w3.org/1999/xlink" width="242.7734375" height="200"><path d="M623.986712 711.531323v292.285818a20.182859 20.182859 0 0 0 19.963479 20.182859h145.740715a20.036606 20.036606 0 0 0 19.890353-20.182859V614.200219l-148.153882 129.287297-37.440665-31.956193zM1.096894 1003.597763A20.182859 20.182859 0 0 0 21.060374 1023.780621H166.727962a19.744101 19.744101 0 0 0 14.113376-5.850104 20.329111 20.329111 0 0 0 5.850104-14.332754V705.608093L1.023768 860.708974v142.961915z m311.518035-403.437794v403.437794c0 5.33822 2.047536 10.457061 5.776978 14.259628a19.744101 19.744101 0 0 0 14.113376 5.92323H478.245997c5.118841 0 10.164556-1.901284 14.113376-5.850104a20.329111 20.329111 0 0 0 5.850104-14.332754V602.646264L405.485329 522.646092l-93.016652 77.513877z m623.03607 403.437794c0 5.33822 2.047536 10.457061 5.850104 14.259628a19.744101 19.744101 0 0 0 14.040249 5.92323h145.813841a19.744101 19.744101 0 0 0 14.04025-5.850104 20.329111 20.329111 0 0 0 5.850104-14.332754V342.316638l-185.594548 161.901627v499.379498zM903.694806 0.012431c-2.632547 0-5.118841 1.462526-6.215735 4.1682a6.361988 6.361988 0 0 0 1.535652 7.312629l139.378726 138.939969-376.966072 329.068347-256.0883-221.133929L0 597.308044v146.398851l405.339077-338.940397 256.0883 220.841424 455.284339-397.075805 115.173921 114.808289a6.215735 6.215735 0 0 0 7.166378 1.316274 6.581367 6.581367 0 0 0 4.095072-6.142609V6.666925a7.605135 7.605135 0 0 0-1.901283-4.75321A6.508241 6.508241 0 0 0 1236.56572 0.012431h-332.870914z" p-id="1531"></path></svg>
-<g id="&#230;&#149;&#176;&#230;&#141;&#174;&#230;&#166;&#130;&#232;&#167;&#136;icon" clip-path="url(#clip0_29_27)">
-<g id="Group">
-<path id="Vector" d="M8.53339 9.72996V13.7266C8.53339 13.7969 8.55908 13.8672 8.61302 13.9219C8.6644 13.974 8.73376 14.0026 8.80568 14.0026H10.799C10.948 14.0026 11.0713 13.8802 11.0713 13.7266V8.39948L9.04458 10.1674L8.53339 9.72996ZM0.0154125 13.724C0.0154125 13.7943 0.0411 13.8646 0.0950438 13.9193C0.146419 13.9714 0.215775 14 0.2877 14H2.28105C2.35298 14 2.42233 13.9714 2.47371 13.9193C2.52508 13.8672 2.55334 13.7969 2.55334 13.724V9.64925L0.0154125 11.7686V13.724ZM4.2744 8.20681V13.724C4.2744 13.7969 4.30266 13.8672 4.35403 13.9193C4.40541 13.9714 4.47477 14 4.54669 14H6.54004C6.6094 14 6.67876 13.974 6.7327 13.9193C6.78407 13.8672 6.81233 13.7969 6.81233 13.724V8.24065L5.54594 7.14711L4.2744 8.20681ZM12.795 13.724C12.795 13.7969 12.8232 13.8672 12.8746 13.9193C12.926 13.9714 12.9953 14 13.0672 14H15.0606C15.1325 14 15.2019 13.9714 15.2532 13.9193C15.3046 13.8672 15.3329 13.7969 15.3329 13.724V4.68142L12.795 6.89455V13.724ZM12.3583 0C12.3223 0 12.2889 0.0208295 12.2735 0.057281C12.2581 0.0937326 12.2684 0.132788 12.294 0.156221L14.2001 2.05691L9.04458 6.55607L5.54337 3.5332L0 8.16775V10.17L5.54337 5.53543L9.04458 8.5557L15.2712 3.12442L16.8459 4.69444C16.8716 4.72048 16.9101 4.72829 16.9435 4.71266C16.9769 4.69965 17 4.6658 17 4.62935V0.0911289C17 0.0676957 16.9897 0.0442626 16.9743 0.0260368C16.9563 0.00781105 16.9332 0 16.9101 0H12.3583Z" fill="white" fill-opacity="0.6"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_29_27">
-<rect width="17" height="14" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/icons/svg/dp-lh.svg

@@ -1,5 +1 @@
-<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1748429707157" class="icon" viewBox="0 0 1160 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1104" xmlns:xlink="http://www.w3.org/1999/xlink" width="226.5625" height="200"><path d="M1121.836812 619.131183l-382.888078 393.195816a12.901738 12.901738 0 0 1-18.908896 0l-0.682632-0.750895-129.017377-189.293749-372.034235-85.533743-91.745691 73.041584 30.65016-244.928227 66.215268 105.12527 289.02623 36.862108-224.995384-330.393706-2.252684 2.38921c-2.867053 3.071842-6.485 2.320948-9.48858 0v-0.750894l-25.530422-25.120844c-2.867053-3.140105-2.184421-7.918527 0.682631-11.058633L581.533881 2.100458a6.485 6.485 0 0 1 9.556843 0l25.46216 25.940001c2.867053 3.071842 2.184421 7.850264-0.682632 10.922106l-7.304158 7.918527 86.625953 92.633112c101.23427-137.208957 253.392859-66.624847 253.392859-66.624847 198.850592 152.226852 110.654586 361.794761 78.639163 422.20766l95.363638 101.985165a16.587948 16.587948 0 0 1-0.682631 22.049001z m-195.77875-480.367874c-120.143166-87.103795-187.928486 41.640529-189.293749 44.780634L976.163224 439.326013c80.07269-149.15501-50.173424-300.562704-50.173425-300.562704zM104.783954 954.91768c-16.724475 0-30.65016-15.700527-30.65016-34.472897 0-18.908896 13.789159-34.54116 30.65016-34.541161 16.656212 0 30.581897 15.768791 30.581897 34.541161 0 18.840633-13.925685 34.472897-30.581897 34.472897z m-45.941108-136.526325c-13.789159 0-24.711265-12.492159-24.711265-27.510055 0-15.700527 10.922106-27.510054 24.711265-27.510054 13.106527 0 24.028633 12.560422 24.028633 27.510054 0.068263 15.768791-10.922106 27.510054-24.028633 27.510055z m162.398064-10.239475c11.604738 0 21.775949 10.239474 21.775948 22.731633 0 12.560422-9.556843 23.550791-21.16158 23.550791-11.604738 0-21.775949-10.239474-21.775949-22.799896 0-12.492159 9.556843-23.482528 21.161581-23.482528z m24.779528 129.563483c21.16158 0 37.817792 19.591528 37.817792 43.074055 0 23.550791-17.47537 43.142319-37.817792 43.142319-21.16158 0-37.817792-19.591528-37.817792-43.142319-0.068263-24.233423 16.724475-43.142319 37.817792-43.142319z" p-id="1105"></path></svg>
-<g id="&#231;&#187;&#191;&#229;&#140;&#150;&#229;&#133;&#187;&#230;&#138;&#164;icon">
-<path id="Vector" d="M16.4337 9.06785L10.8252 14.8279C10.7504 14.9085 10.623 14.9085 10.5482 14.8279L10.538 14.8169L8.64867 12.044L3.1981 10.7913L1.85415 11.8609L2.3027 8.27297L3.27286 9.81327L7.5069 10.3536L4.21074 5.5129L4.17845 5.5477C4.13598 5.59349 4.08331 5.5825 4.03913 5.5477V5.53671L3.66534 5.16858C3.62286 5.12279 3.63306 5.05319 3.67553 5.0074L8.51784 0.0293824C8.56032 -0.0164051 8.62488 -0.00541611 8.65716 0.0293824L9.03095 0.408503C9.07343 0.454291 9.06324 0.523888 9.02076 0.569676L8.91372 0.68506L10.1829 2.0422C11.6662 0.0312139 13.8953 1.06601 13.8953 1.06601C16.8075 3.29678 15.5162 6.36638 15.0473 7.25099L16.4439 8.7455C16.5204 8.83708 16.5204 8.97444 16.4337 9.06785ZM13.5657 2.03121C11.8055 0.754657 10.8133 2.6411 10.7929 2.68689L14.3014 6.43414C15.4738 4.24916 13.5657 2.03121 13.5657 2.03121ZM1.53472 13.9873C1.29006 13.9873 1.08617 13.7565 1.08617 13.4818C1.08617 13.2052 1.28836 12.9763 1.53472 12.9763C1.77939 12.9763 1.98327 13.207 1.98327 13.4818C1.98327 13.7583 1.77939 13.9873 1.53472 13.9873ZM0.861899 11.9873C0.659711 11.9873 0.5 11.8041 0.5 11.5843C0.5 11.3536 0.659711 11.1814 0.861899 11.1814C1.05389 11.1814 1.2136 11.3645 1.2136 11.5843C1.2153 11.8151 1.05389 11.9873 0.861899 11.9873ZM3.24058 11.8371C3.41048 11.8371 3.56 11.9873 3.56 12.1704C3.56 12.3536 3.42068 12.5147 3.25077 12.5147C3.08086 12.5147 2.93135 12.3645 2.93135 12.1814C2.93135 11.9982 3.07067 11.8371 3.24058 11.8371ZM3.60417 13.7345C3.9134 13.7345 4.15807 14.0221 4.15807 14.3664C4.15807 14.7107 3.90151 14.9983 3.60417 14.9983C3.29495 14.9983 3.05028 14.7107 3.05028 14.3664C3.04858 14.0111 3.29495 13.7345 3.60417 13.7345Z" fill="white" fill-opacity="0.6"/>
-</g>
-</svg>

src/assets/icons/svg/dp-park.svg

@@ -1,5 +1 @@
-<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1748429711432" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1246" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M890.550197 315.987571a70.500948 70.500948 0 0 1-32.827644-68.726481c12.626017-85.106179-43.269701-164.888956-124.758697-178.129211a107.901258 107.901258 0 0 1-45.52191-13.240256A107.969507 107.969507 0 0 0 609.092393 42.651368a28.118481 28.118481 0 0 1-32.759395-6.688377 121.551006 121.551006 0 0 0-177.719719 5.459899c-11.602286 12.284773-20.133378 26.54876-25.252034 43.269701-6.278884 23.136323-23.204572 42.041224-45.52191 47.569372a23.887059 23.887059 0 0 0-12.626017 6.551879c-12.694266 13.240256-20.201627 6.551879-32.895892 0-63.403079-29.824699-137.384714 0-166.049185 66.406024-7.370864 17.744672-11.738783 37.673304-10.578554 56.441708a104.693567 104.693567 0 0 1-12.694266 40.949244c-27.708988 37.536807-31.872162 87.22189-12.762514 130.491591-11.738783 34.12437-0.955482 73.026152 26.412262 96.230723 30.575436 23.068074 73.981634 17.744672 98.278186-13.308504a37.40031 37.40031 0 0 0 26.480511-6.48363c20.201627-6.756625 32.827644-13.240256 45.521909-6.756625 3.207691 0 6.415382 3.412437 6.415382 6.756625 6.210635 0 6.210635 6.48363 12.626017 6.48363a494.803365 494.803365 0 0 0 170.280606 261.119679 482.518592 482.518592 0 0 1-52.892773 184.681091c-32.759395 21.157109-71.865923 6.48363-110.972452-6.551879a146.25705 146.25705 0 0 0-91.931052 0c-6.278884 0-6.278884 6.551879-6.278885 13.240255 0 13.240256-6.210635 21.157109-6.210635 34.329117 0 6.551879 6.210635 13.240256 12.626017 21.157109h583.526727c6.278884 0 6.278884 0 12.694266-6.551879 6.210635 0 6.210635-6.551879 6.210635-13.240256v-21.157109a13.103758 13.103758 0 0 0-12.626017-13.240256H620.831176c-6.278884-13.172007-20.201627-21.088861-26.480511-34.329116a99.916155 99.916155 0 0 1-26.412262-102.850851c5.323402-13.240256 7.370864-26.480511 6.278884-40.949244 6.415382-40.880995 6.415382-81.898488 12.626017-123.803214a251.837851 251.837851 0 0 0 151.239207-75.278361c15.833708 0 31.667415-5.459899 45.453661-13.240255h6.278884a110.972451 110.972451 0 0 0 104.761816 13.240255c30.575436-12.216524 53.916505-40.880995 59.239907-75.210111v-6.688377c8.531092-77.598817-11.329291-159.360808-63.266582-194.713655zM385.031779 501.82889c6.210635 0 20.201627 0 20.201627 6.688377l20.133379 21.157109c12.694266 34.329116 20.201627 75.210111 32.827644 109.539228 0 21.157109 6.278884 40.949244 6.278884 55.281479a226.585817 226.585817 0 0 1-79.441534-192.666193z m210.479115 109.539228c0-6.48363 6.210635-13.240256 6.210635-21.088861v-6.551879c6.278884-17.744672 14.946474-33.168888 26.480511-47.569372 9.418326 11.056296 20.133378 21.157109 32.759395 27.64074-20.952363 17.608175-42.041224 34.192619-65.51879 47.569372z" p-id="1247"></path></svg>
-<g id="&#229;&#133;&#172;&#229;&#155;&#173;&#231;&#174;&#161;&#231;&#144;&#134;icon">
-<path id="Vector" d="M12.0445 4.62811C11.7019 4.41694 11.5165 4.02899 11.5634 3.6214C11.7488 2.37406 10.9297 1.20529 9.7351 1.01131C9.50275 0.996581 9.27039 0.930285 9.06855 0.817337C8.72589 0.606173 8.31047 0.542333 7.92087 0.623361C7.74954 0.704389 7.56413 0.655281 7.43974 0.525145C6.69574 -0.204107 5.53398 -0.172186 4.83692 0.606173C4.66559 0.785417 4.5412 0.994125 4.4661 1.23966C4.37456 1.57851 4.12578 1.85597 3.79955 1.937C3.7221 1.95173 3.66108 1.9861 3.61414 2.03276C3.42873 2.22673 3.31842 2.12852 3.133 2.03276C2.20359 1.5957 1.11928 2.03276 0.699172 3.00509C0.59121 3.26536 0.527841 3.55756 0.54427 3.83256C0.530188 4.04372 0.452737 4.25489 0.358857 4.43168C-0.0471725 4.98168 -0.108194 5.71094 0.171098 6.34443C-0.000232604 6.84533 0.157016 7.41498 0.558352 7.75382C1.00663 8.09267 1.64266 8.0141 1.99941 7.55985C2.13788 7.57458 2.2787 7.54512 2.38666 7.46409C2.68238 7.36587 2.86779 7.27011 3.05321 7.36587C3.10015 7.36587 3.14709 7.41498 3.14709 7.46409C3.23862 7.46409 3.23862 7.55985 3.3325 7.55985C3.73618 9.08465 4.61865 10.4277 5.82735 11.3854C5.7499 12.343 5.48469 13.2662 5.05285 14.0912C4.57171 14.4006 3.99905 14.187 3.42638 13.9954C2.99218 13.8506 2.51105 13.8506 2.0792 13.9954C1.98767 13.9954 1.98767 14.0912 1.98767 14.1894C1.98767 14.3834 1.89614 14.4988 1.89614 14.6928C1.89614 14.7885 1.98767 14.8867 2.08155 15.0021H10.6316C10.7232 15.0021 10.7232 15.0021 10.8171 14.9064C10.9086 14.9064 10.9086 14.8106 10.9086 14.7124V14.403C10.9086 14.2901 10.8171 14.2091 10.7232 14.2091H8.0922C8.00067 14.0151 7.79648 13.8997 7.70495 13.7057C7.30127 13.3325 7.14636 12.7334 7.31769 12.1981C7.39514 12.0041 7.42566 11.8101 7.40923 11.599C7.50311 10.9999 7.50311 10.3983 7.59464 9.78443C8.43252 9.68867 9.20468 9.29827 9.8102 8.68196C10.0426 8.68196 10.2749 8.60093 10.4767 8.48799H10.5683C11.0166 8.8121 11.5916 8.87594 12.1032 8.68196C12.5515 8.50272 12.8942 8.08285 12.9716 7.57949V7.48128C13.096 6.34443 12.805 5.1462 12.0445 4.62811ZM4.63743 7.35114C4.72896 7.35114 4.93315 7.35114 4.93315 7.44935L5.22887 7.75873C5.41428 8.26209 5.52459 8.86121 5.71 9.36456C5.71 9.67394 5.80154 9.96368 5.80154 10.1748C4.98009 9.48979 4.54355 8.41924 4.63743 7.35114ZM7.72138 8.95697C7.72138 8.86121 7.81291 8.76299 7.81291 8.64759V8.55183C7.90444 8.29155 8.03118 8.06566 8.20016 7.85449C8.33864 8.01655 8.49589 8.16387 8.6813 8.25963C8.37384 8.51745 8.06404 8.76054 7.72138 8.95697Z" fill="white" fill-opacity="0.6"/>
-</g>
-</svg>

src/assets/icons/svg/dp-yj.svg

@@ -1,5 +1 @@
-<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1748429742911" class="icon" viewBox="0 0 1160 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1388" xmlns:xlink="http://www.w3.org/1999/xlink" width="226.5625" height="200"><path d="M198.792533 903.3728V469.674667C198.792533 210.3296 373.077333 0 588.1856 0c215.176533 0 389.461333 210.261333 389.461333 469.742933v433.629867h132.9152c27.511467 0 49.9712 27.0336 49.9712 60.279467s-22.459733 60.347733-49.9712 60.347733H49.9712C22.528 1024 0 996.898133 0 963.652267s22.459733-60.279467 49.9712-60.279467h148.821333zM616.448 189.371733L424.3456 570.845867h153.6l-38.434133 286.242133 192.170666-381.678933H578.013867l38.434133-286.037334z" p-id="1389"></path></svg>
-<g id="&#229;&#186;&#148;&#230;&#128;&#165;icon">
-<path id="Vector" d="M2.91238 13.2326V6.88117C2.91238 3.08034 5.46488 0 8.6165 0C11.7681 0 14.3206 3.08034 14.3206 6.88117V13.2326H16.2677C16.6713 13.2326 17 13.6293 17 14.1163C17 14.6033 16.6713 15 16.2677 15H0.732256C0.328683 15 0 14.6033 0 14.1163C0 13.6293 0.328683 13.2326 0.732256 13.2326H2.91238ZM9.03047 2.77406L6.21586 8.36234H8.46671L7.90296 12.5548L10.7176 6.96402H8.46671L9.03047 2.77406Z" fill="white"/>
-</g>
-</svg>

src/assets/icons/svg/dp-zy.svg

@@ -1,9 +1 @@
-<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1748429491918" class="icon" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="962" xmlns:xlink="http://www.w3.org/1999/xlink" width="228.515625" height="200"><path d="M636.425485 0a18.569001 18.569001 0 0 0-18.422789 18.861426v265.083459L374.558704 33.190262a18.20347 18.20347 0 0 0-26.098951 0L119.417703 267.203541a19.226958 19.226958 0 0 0 0 26.756907l25.879632 26.756908H51.575053a51.174413 51.174413 0 0 0-42.182338 22.516741 53.952452 53.952452 0 0 0-6.360248 48.103948l212.446919 597.205398a51.613051 51.613051 0 0 0 48.46948 34.725494h659.711287a51.759263 51.759263 0 0 0 48.981224-36.041408l194.462768-597.132291a53.586921 53.586921 0 0 0-7.091311-47.519097 51.686157 51.686157 0 0 0-41.889912-21.931892H949.685997V18.861426A18.569001 18.569001 0 0 0 931.190103 0H636.425485z m215.517384 519.858928c29.461841 0 44.30242 15.133005 44.30242 45.179696 0 30.119797-14.84058 45.325908-44.30242 45.325908H583.204096c-29.461841 0-44.083101-15.206111-44.083102-45.325908 0-29.973585 14.767473-45.179696 44.229314-45.179696h268.592561z m-323.129864-199.068466H270.236008l-38.673235-40.062255 130.129221-133.053473 167.121011 173.115728z m332.268152 0H706.315111v-230.284858h154.766046v230.284858z" p-id="963"></path></svg>
-<g id="&#232;&#135;&#170;&#230;&#156;&#137;&#228;&#186;&#167;icon">
-<g id="Group">
-<path id="Vector" d="M9.20432 0C9.06431 0 8.9523 0.114483 8.9523 0.257588V6.47971C8.9523 6.54796 8.97815 6.61401 9.02554 6.66245C9.07292 6.71088 9.13754 6.7373 9.20432 6.7373H13.2366C13.3034 6.7373 13.368 6.71088 13.4154 6.66245C13.4628 6.61401 13.4886 6.54796 13.4886 6.47971L13.4886 0.257588C13.4886 0.114483 13.3766 0 13.2366 0H9.20432ZM10.1607 1.2373H12.2781V5.5H10.1607V1.2373Z" fill="#A5B1C1"/>
-<path id="Vector_2" d="M2.13273 3.65673C2.03365 3.758 2.03365 3.92092 2.13273 4.0222L6.042 8.05123C6.14109 8.15251 6.30048 8.15251 6.39957 8.05123L9.53366 4.8479C9.63274 4.74663 9.63274 4.58371 9.53366 4.48243L5.62223 0.453397C5.52315 0.352123 5.36375 0.352123 5.26467 0.453397L2.13273 3.65673ZM3.66639 3.83946L5.4456 2.02094L8 4.66517L6.22079 6.48369L3.66639 3.83946Z" fill="#A5B1C1"/>
-<path id="Vector_3" d="M0.627061 4.69592C0.758455 4.50218 0.976011 4.3877 1.20434 4.3877H15.7935C16.0196 4.3877 16.2329 4.49998 16.3664 4.68711C16.5 4.87425 16.5344 5.11643 16.4634 5.33659L13.8032 13.5045C13.7062 13.7996 13.437 13.9977 13.1333 13.9977H4.1101C3.81284 13.9977 3.5479 13.8084 3.44666 13.5222L0.5409 5.3542C0.463356 5.13624 0.495667 4.88966 0.627061 4.69592ZM8.47628 8.34838H12.1532C12.556 8.34838 12.7585 8.14143 12.7585 7.72973C12.7585 7.31803 12.556 7.11108 12.1532 7.11108H8.47843C8.07563 7.11108 7.87316 7.31803 7.87316 7.72973C7.87316 8.14143 8.07348 8.34838 8.47628 8.34838Z" fill="#A5B1C1"/>
-</g>
-</g>
-</svg>

src/views/visualization/components/navigationBar.vue

@@ -100,7 +100,7 @@ const handlerSelect = (index, item) => {
   align-items: center;
 }
 .navigation-title {
-  width: 35%;
+  width: 40%;
   height: 100%;
   display: flex;
   align-items: center;
@@ -145,18 +145,28 @@ const handlerSelect = (index, item) => {
     display: flex;
     align-items: center;
     gap: 6px;
+    background-image: url('@/assets/images/visualization/dp-menu.png');
+    background-size: 100% 100%;
+    padding: 12px 40px;
   }
   .activeMenu {
     color: #ffffff;
+    background-image: url('@/assets/images/visualization/dp-menu-s.png');
+    background-size: 100% 100%;
   }
 }
 
 .navigation-time {
-  padding-right: 35px;
+  height: 100%;
+
   font-size: 14px;
   color: #ffffff;
   font-weight: bold;
   letter-spacing: 1px;
   font-family: "Alimama ShuHeiTi-Bold";
+  display: flex;
+  align-items: flex-end;
+  padding-bottom: 12px;
+  padding-right: 35px;
 }
 </style>

src/views/visualization/index.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="visualization-container">
     <navigationBar></navigationBar>
-
     <router-view></router-view>
   </div>
 </template>