今日工作11.22 1，我的首页 完成 2，注销账号 完成 3，充值首页 完成 4，提现首页 完成 5，充值-充值币种 完成 6，划转-切换币种 完成 7，所有页面路由建立连接 8，划转首页 完成30%

src/assets/icon/coin/BinanceUsdBadge.svg

@@ -0,0 +1,7 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="30" height="30" rx="15" fill="#F0B90B"/>
+<path d="M15.007 5.04199L17.4742 7.56111L11.2615 13.7552L8.79431 11.2953L15.007 5.04199Z" fill="white" stroke="white" stroke-width="1.5"/>
+<path d="M18.7524 8.77539L21.2196 11.2945L11.2615 21.2228L8.79431 18.7629L18.7524 8.77539Z" fill="white" stroke="white" stroke-width="1.5"/>
+<path d="M7.51606 12.5098L9.98328 15.0289L7.51606 17.4887L5.04883 15.0289L7.51606 12.5098Z" fill="white" stroke="white" stroke-width="1.5"/>
+<path d="M22.4977 12.5098L24.965 15.0289L15.0069 24.9572L12.5397 22.4973L22.4977 12.5098Z" fill="white" stroke="white" stroke-width="1.5"/>
+</svg>

src/assets/icon/coin/CardanoBadge.svg

@@ -0,0 +1,33 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="30" height="30" rx="15" fill="#0033AD"/>
+<path d="M10.3509 15.0409C10.329 15.4221 10.4594 15.7965 10.7133 16.0816C10.9673 16.3668 11.324 16.5395 11.7052 16.5618H11.7838C12.0645 16.5614 12.339 16.4789 12.5734 16.3244C12.8078 16.1699 12.9918 15.9501 13.1027 15.6922C13.2137 15.4343 13.2467 15.1496 13.1977 14.8732C13.1486 14.5968 13.0197 14.3407 12.8269 14.1367C12.6341 13.9327 12.3857 13.7896 12.1125 13.7251C11.8392 13.6606 11.5531 13.6775 11.2894 13.7738C11.0256 13.87 10.7959 14.0414 10.6284 14.2667C10.4609 14.492 10.3631 14.7614 10.347 15.0417L10.3509 15.0409Z" fill="white"/>
+<path d="M4.99033 14.6764C4.89868 14.6713 4.80757 14.6935 4.7285 14.7401C4.64944 14.7867 4.58598 14.8558 4.54614 14.9385C4.50629 15.0211 4.49186 15.1138 4.50466 15.2047C4.51745 15.2956 4.55691 15.3806 4.61803 15.4491C4.67916 15.5176 4.75921 15.5664 4.84808 15.5894C4.93694 15.6124 5.03063 15.6086 5.1173 15.5783C5.20397 15.5481 5.27973 15.4928 5.33501 15.4196C5.39029 15.3463 5.42261 15.2583 5.42788 15.1666C5.43149 15.1057 5.42302 15.0446 5.40295 14.9869C5.38289 14.9293 5.35163 14.8761 5.31098 14.8306C5.27032 14.785 5.22106 14.748 5.16603 14.7215C5.111 14.6951 5.05129 14.6797 4.99033 14.6764Z" fill="white"/>
+<path d="M10.2598 6.6976C10.3414 6.65568 10.4088 6.59055 10.4535 6.51041C10.4982 6.43027 10.5182 6.3387 10.511 6.24723C10.5037 6.15576 10.4696 6.06847 10.4128 5.99635C10.3561 5.92424 10.2793 5.87052 10.1921 5.84196C10.1049 5.8134 10.0112 5.81128 9.92279 5.83586C9.83438 5.86044 9.75522 5.91062 9.69527 5.98009C9.63533 6.04956 9.59727 6.13522 9.5859 6.22627C9.57452 6.31732 9.59034 6.4097 9.63136 6.49178C9.65893 6.54673 9.6971 6.59567 9.74368 6.63579C9.79025 6.67591 9.8443 6.70641 9.90272 6.72555C9.96114 6.74468 10.0228 6.75206 10.0841 6.74726C10.1453 6.74246 10.2051 6.72559 10.2598 6.6976Z" fill="white"/>
+<path d="M11.7186 9.24121C11.8453 9.17726 11.9503 9.07717 12.0202 8.95358C12.0901 8.82998 12.1217 8.68845 12.1112 8.54685C12.1007 8.40526 12.0484 8.26998 11.961 8.15809C11.8735 8.04621 11.7549 7.96276 11.6201 7.91829C11.4852 7.87382 11.3402 7.87033 11.2034 7.90825C11.0666 7.94618 10.9441 8.02382 10.8514 8.13136C10.7587 8.2389 10.6999 8.37151 10.6826 8.51243C10.6652 8.65335 10.6901 8.79625 10.7539 8.92306C10.7963 9.00732 10.8549 9.08239 10.9264 9.14398C10.9978 9.20557 11.0807 9.25248 11.1703 9.28203C11.2599 9.31157 11.3544 9.32317 11.4485 9.31617C11.5426 9.30917 11.6343 9.2837 11.7186 9.24121Z" fill="white"/>
+<path d="M6.80966 10.9906C6.90744 11.0549 7.0221 11.0888 7.13912 11.0879C7.25614 11.087 7.37028 11.0515 7.46708 10.9857C7.56388 10.9199 7.639 10.8269 7.68293 10.7185C7.72686 10.61 7.73763 10.4909 7.71388 10.3763C7.69012 10.2617 7.63291 10.1568 7.54948 10.0747C7.46605 9.99264 7.36016 9.93716 7.24519 9.9153C7.13023 9.89343 7.01136 9.90616 6.90363 9.95187C6.7959 9.99758 6.70414 10.0742 6.63998 10.1721C6.55405 10.3032 6.52365 10.463 6.55546 10.6165C6.58728 10.7699 6.6787 10.9045 6.80966 10.9906Z" fill="white"/>
+<path d="M7.68398 14.4148C7.54223 14.4068 7.40129 14.4411 7.27898 14.5131C7.15667 14.5852 7.05847 14.6919 6.9968 14.8198C6.93514 14.9477 6.91276 15.091 6.93252 15.2316C6.95227 15.3722 7.01326 15.5038 7.10778 15.6097C7.2023 15.7156 7.32611 15.7912 7.46355 15.8268C7.60099 15.8624 7.74589 15.8564 7.87995 15.8097C8.01401 15.7629 8.13119 15.6775 8.2167 15.5641C8.3022 15.4508 8.35219 15.3146 8.36034 15.1729C8.37106 14.9827 8.30585 14.796 8.17903 14.6539C8.05221 14.5118 7.87415 14.4258 7.68398 14.4148Z" fill="white"/>
+<path d="M6.88822 19.2421C6.78382 19.2948 6.69741 19.3773 6.63991 19.4792C6.58241 19.5811 6.5564 19.6977 6.56517 19.8143C6.57394 19.931 6.61709 20.0424 6.68917 20.1345C6.76126 20.2266 6.85903 20.2953 6.97014 20.3319C7.08125 20.3684 7.2007 20.3712 7.3134 20.3399C7.4261 20.3086 7.52698 20.2446 7.6033 20.1559C7.67962 20.0673 7.72794 19.958 7.74216 19.8419C7.75638 19.7258 7.73586 19.6081 7.68319 19.5036C7.6482 19.4342 7.59987 19.3724 7.54096 19.3217C7.48206 19.271 7.41375 19.2324 7.33992 19.2081C7.26609 19.1838 7.18819 19.1743 7.11069 19.1801C7.03318 19.186 6.95758 19.207 6.88822 19.2421Z" fill="white"/>
+<path d="M9.67928 12.9309C9.81909 13.0226 9.98294 13.0707 10.1501 13.0692C10.3173 13.0677 10.4802 13.0167 10.6184 12.9226C10.7565 12.8285 10.8637 12.6955 10.9263 12.5405C10.9889 12.3856 11.0042 12.2155 10.9701 12.0518C10.9361 11.8881 10.8543 11.7383 10.735 11.6211C10.6158 11.5039 10.4645 11.4247 10.3003 11.3936C10.136 11.3624 9.96624 11.3806 9.81236 11.4459C9.65848 11.5112 9.52742 11.6207 9.43576 11.7605C9.37477 11.8533 9.3327 11.9572 9.31193 12.0663C9.29116 12.1754 9.29212 12.2875 9.31474 12.3962C9.33736 12.5049 9.3812 12.6081 9.44375 12.6999C9.5063 12.7916 9.58634 12.8702 9.67928 12.9309Z" fill="white"/>
+<path d="M18.534 9.18465C18.653 9.2623 18.7924 9.30292 18.9346 9.30136C19.0767 9.29981 19.2152 9.25615 19.3325 9.17591C19.4498 9.09567 19.5407 8.98245 19.5937 8.85056C19.6466 8.71868 19.6593 8.57404 19.6301 8.43494C19.6009 8.29584 19.5311 8.16852 19.4296 8.06908C19.328 7.96963 19.1993 7.90253 19.0596 7.87624C18.9199 7.84996 18.7756 7.86568 18.6449 7.92141C18.5141 7.97714 18.4028 8.07039 18.325 8.18936C18.2733 8.26838 18.2376 8.35685 18.2201 8.44969C18.2025 8.54253 18.2035 8.63791 18.2229 8.73038C18.2423 8.82284 18.2798 8.91056 18.3332 8.98851C18.3866 9.06647 18.4548 9.13312 18.534 9.18465Z" fill="white"/>
+<path d="M20.0077 6.64889C20.0846 6.69933 20.1748 6.72581 20.2668 6.72498C20.3588 6.72416 20.4485 6.69606 20.5245 6.64425C20.6006 6.59244 20.6595 6.51924 20.6939 6.43391C20.7283 6.34859 20.7367 6.25497 20.7179 6.16491C20.6991 6.07485 20.654 5.99239 20.5883 5.92796C20.5226 5.86354 20.4393 5.82004 20.3489 5.80298C20.2585 5.78592 20.165 5.79605 20.0804 5.83211C19.9957 5.86816 19.9237 5.92852 19.8734 6.00553C19.8059 6.10868 19.7822 6.23438 19.8074 6.35501C19.8326 6.47564 19.9046 6.58134 20.0077 6.64889Z" fill="white"/>
+<path d="M18.6471 13.6725C18.4586 13.6617 18.2698 13.6881 18.0915 13.7502C17.9131 13.8124 17.7488 13.909 17.6078 14.0347C17.3231 14.2884 17.1509 14.6449 17.129 15.0256C17.1072 15.4064 17.2374 15.7802 17.4912 16.0649C17.745 16.3496 18.1014 16.5218 18.4822 16.5437C18.5096 16.5437 18.5379 16.5437 18.5654 16.5437C18.8428 16.5436 19.1142 16.4632 19.3469 16.3123C19.5796 16.1614 19.7637 15.9464 19.877 15.6932C19.9902 15.44 20.0278 15.1594 19.9852 14.8854C19.9426 14.6113 19.8217 14.3554 19.6369 14.1485C19.5118 14.0075 19.3598 13.8927 19.1899 13.811C19.02 13.7292 18.8354 13.6822 18.6471 13.6725Z" fill="white"/>
+<path d="M12.1907 12.8312C12.31 13.0696 12.4936 13.27 12.7206 13.4097C12.9477 13.5495 13.2092 13.6231 13.4758 13.6222C13.7217 13.6223 13.9634 13.5593 14.1779 13.4394C14.3925 13.3195 14.5728 13.1466 14.7015 12.9371C14.8302 12.7277 14.9031 12.4888 14.9133 12.2432C14.9234 11.9976 14.8705 11.7535 14.7594 11.5342C14.6393 11.2969 14.4554 11.0977 14.2284 10.959C14.0014 10.8202 13.7403 10.7474 13.4743 10.7487C13.2292 10.7491 12.9883 10.8121 12.7745 10.9318C12.5606 11.0514 12.3809 11.2237 12.2523 11.4323C12.1237 11.6409 12.0506 11.8789 12.0398 12.1237C12.029 12.3686 12.0809 12.6121 12.1907 12.8312Z" fill="white"/>
+<path d="M23.4633 10.9891C23.5677 10.9364 23.6542 10.8539 23.7118 10.7521C23.7693 10.6503 23.7954 10.5337 23.7867 10.4171C23.778 10.3004 23.735 10.189 23.663 10.0968C23.591 10.0047 23.4933 9.93591 23.3822 9.89926C23.2712 9.8626 23.1517 9.85969 23.039 9.8909C22.9263 9.9221 22.8254 9.98602 22.749 10.0746C22.6726 10.1631 22.6241 10.2723 22.6098 10.3884C22.5954 10.5045 22.6158 10.6222 22.6684 10.7267C22.739 10.8668 22.8625 10.9732 23.0115 11.0224C23.1606 11.0716 23.3231 11.0596 23.4633 10.9891Z" fill="white"/>
+<path d="M19.8176 11.447C19.6683 11.5222 19.5446 11.64 19.4623 11.7855C19.3799 11.931 19.3425 12.0976 19.3548 12.2643C19.3672 12.431 19.4287 12.5904 19.5316 12.7221C19.6344 12.8539 19.7741 12.9522 19.9328 13.0046C20.0916 13.057 20.2623 13.0612 20.4234 13.0165C20.5845 12.9719 20.7288 12.8805 20.838 12.7539C20.9471 12.6273 21.0163 12.4711 21.0367 12.3052C21.0571 12.1393 21.0279 11.9711 20.9527 11.8217C20.9029 11.7225 20.8339 11.6341 20.7499 11.5616C20.6658 11.489 20.5683 11.4338 20.4629 11.399C20.3574 11.3642 20.2462 11.3505 20.1354 11.3588C20.0247 11.367 19.9167 11.397 19.8176 11.447Z" fill="white"/>
+<path d="M15.1216 6.43208C15.2384 6.43874 15.3546 6.41059 15.4554 6.35121C15.5562 6.29183 15.6372 6.20388 15.688 6.09849C15.7388 5.99309 15.7573 5.87499 15.741 5.75912C15.7247 5.64325 15.6744 5.53482 15.5964 5.44754C15.5185 5.36026 15.4164 5.29805 15.3031 5.26879C15.1898 5.23953 15.0704 5.24453 14.9599 5.28316C14.8495 5.32178 14.753 5.3923 14.6826 5.48578C14.6122 5.57927 14.5712 5.69153 14.5646 5.80835C14.5558 5.96491 14.6095 6.11855 14.714 6.2355C14.8184 6.35246 14.965 6.42317 15.1216 6.43208Z" fill="white"/>
+<path d="M15.1153 10.1548C15.2821 10.1642 15.448 10.1238 15.592 10.0389C15.736 9.95403 15.8515 9.82836 15.9241 9.67781C15.9966 9.52725 16.0229 9.35856 15.9996 9.19307C15.9763 9.02757 15.9045 8.8727 15.7932 8.74802C15.6819 8.62333 15.5361 8.53444 15.3743 8.49258C15.2125 8.45071 15.042 8.45775 14.8842 8.5128C14.7264 8.56785 14.5884 8.66845 14.4878 8.80188C14.3871 8.9353 14.3283 9.09557 14.3187 9.26242C14.3061 9.48637 14.3829 9.70618 14.5323 9.87352C14.6816 10.0409 14.8913 10.142 15.1153 10.1548Z" fill="white"/>
+<path d="M10.5355 18.7833C10.6848 18.708 10.8084 18.5902 10.8907 18.4446C10.973 18.2991 11.0103 18.1325 10.9979 17.9657C10.9855 17.799 10.9239 17.6397 10.8209 17.508C10.718 17.3763 10.5783 17.278 10.4195 17.2257C10.2607 17.1734 10.0899 17.1694 9.92883 17.2141C9.76774 17.2588 9.62353 17.3504 9.51445 17.4771C9.40536 17.6038 9.3363 17.76 9.316 17.9259C9.29571 18.0919 9.32508 18.2601 9.40041 18.4094C9.50138 18.6094 9.67768 18.7612 9.89055 18.8314C10.1034 18.9015 10.3354 18.8842 10.5355 18.7833Z" fill="white"/>
+<path d="M15.6612 11.3881C15.4859 11.6557 15.4049 11.974 15.4308 12.2928C15.4568 12.6116 15.5884 12.9126 15.8047 13.1482C16.021 13.3839 16.3097 13.5406 16.6251 13.5937C16.9406 13.6467 17.2647 13.5931 17.5462 13.4412C17.8277 13.2894 18.0505 13.048 18.1794 12.7552C18.3082 12.4625 18.3358 12.1351 18.2577 11.8249C18.1796 11.5148 18.0002 11.2395 17.7481 11.0427C17.4959 10.8459 17.1853 10.7389 16.8655 10.7385C16.6266 10.7383 16.3915 10.7976 16.1812 10.911C15.971 11.0244 15.7923 11.1884 15.6612 11.3881Z" fill="white"/>
+<path d="M18.1609 17.3999C18.0457 17.1715 17.8717 16.978 17.6567 16.8393C17.4418 16.7006 17.1938 16.6218 16.9382 16.611C16.6827 16.6001 16.4288 16.6577 16.2029 16.7777C15.977 16.8976 15.7872 17.0757 15.6531 17.2936C15.519 17.5114 15.4455 17.761 15.44 18.0168C15.4346 18.2725 15.4975 18.525 15.6223 18.7483C15.747 18.9716 15.9291 19.1576 16.1497 19.2871C16.3703 19.4165 16.6215 19.4848 16.8773 19.4848C17.1023 19.4832 17.3239 19.4295 17.5246 19.3277C17.864 19.1558 18.1216 18.8565 18.2408 18.4952C18.3601 18.1339 18.3313 17.7401 18.1609 17.3999Z" fill="white"/>
+<path d="M20.6731 17.2994C20.5333 17.2076 20.3695 17.1594 20.2023 17.1608C20.0351 17.1621 19.8721 17.213 19.7339 17.307C19.5957 17.401 19.4884 17.5339 19.4257 17.6889C19.363 17.8439 19.3476 18.0139 19.3816 18.1776C19.4155 18.3413 19.4972 18.4913 19.6164 18.6085C19.7356 18.7258 19.8868 18.805 20.051 18.8363C20.2153 18.8676 20.3851 18.8495 20.539 18.7842C20.6929 18.719 20.824 18.6096 20.9158 18.4699C21.0384 18.2823 21.0817 18.0539 21.0362 17.8345C20.9907 17.6151 20.8601 17.4227 20.6731 17.2994Z" fill="white"/>
+<path d="M23.4256 15.1399C23.4336 14.9982 23.3994 14.8572 23.3273 14.7349C23.2552 14.6126 23.1485 14.5144 23.0206 14.4527C22.8928 14.3911 22.7495 14.3687 22.6089 14.3884C22.4683 14.4082 22.3367 14.4692 22.2308 14.5637C22.1248 14.6582 22.0493 14.782 22.0137 14.9195C21.9781 15.0569 21.9841 15.2018 22.0308 15.3359C22.0776 15.4699 22.163 15.5871 22.2763 15.6726C22.3897 15.7581 22.5258 15.8081 22.6676 15.8163C22.8578 15.827 23.0444 15.7618 23.1866 15.635C23.3287 15.5081 23.4147 15.3301 23.4256 15.1399Z" fill="white"/>
+<path d="M25.4146 14.6285C25.3228 14.6232 25.2315 14.6453 25.1522 14.6919C25.0729 14.7385 25.0092 14.8076 24.9692 14.8904C24.9292 14.9733 24.9146 15.0661 24.9273 15.1572C24.9401 15.2483 24.9795 15.3335 25.0407 15.4022C25.1019 15.4709 25.1821 15.5198 25.2711 15.5429C25.3602 15.566 25.4541 15.5622 25.5409 15.5319C25.6278 15.5017 25.7037 15.4463 25.7591 15.3729C25.8145 15.2995 25.8469 15.2113 25.8522 15.1195C25.8591 14.9964 25.8169 14.8756 25.7348 14.7836C25.6528 14.6916 25.5377 14.6358 25.4146 14.6285Z" fill="white"/>
+<path d="M23.5419 19.2397C23.444 19.1756 23.3294 19.142 23.2124 19.143C23.0954 19.1441 22.9814 19.1798 22.8848 19.2457C22.7881 19.3115 22.7131 19.4046 22.6693 19.513C22.6255 19.6215 22.6148 19.7405 22.6387 19.855C22.6625 19.9695 22.7197 20.0744 22.8032 20.1564C22.8866 20.2384 22.9924 20.2938 23.1074 20.3156C23.2223 20.3375 23.3411 20.3248 23.4488 20.2791C23.5565 20.2334 23.6482 20.1568 23.7123 20.059C23.755 19.994 23.7844 19.9213 23.7989 19.8449C23.8134 19.7686 23.8127 19.6901 23.7969 19.614C23.7811 19.5379 23.7504 19.4657 23.7066 19.4015C23.6629 19.3373 23.6069 19.2823 23.5419 19.2397Z" fill="white"/>
+<path d="M10.3446 23.5814C10.2677 23.531 10.1776 23.5045 10.0857 23.5052C9.99369 23.506 9.90402 23.534 9.82797 23.5857C9.75193 23.6374 9.69293 23.7105 9.65842 23.7958C9.62392 23.881 9.61547 23.9746 9.63414 24.0646C9.65281 24.1547 9.69776 24.2372 9.76331 24.3017C9.82886 24.3662 9.91206 24.4098 10.0024 24.4271C10.0927 24.4443 10.1862 24.4343 10.2708 24.3985C10.3555 24.3626 10.4277 24.3024 10.4782 24.2256C10.5117 24.1745 10.5349 24.1174 10.5463 24.0573C10.5578 23.9973 10.5573 23.9357 10.5449 23.8758C10.5325 23.816 10.5084 23.7592 10.474 23.7087C10.4397 23.6582 10.3957 23.6149 10.3446 23.5814Z" fill="white"/>
+<path d="M20.0917 23.5327C20.0096 23.5741 19.9416 23.639 19.8963 23.719C19.851 23.7991 19.8305 23.8908 19.8373 23.9825C19.8441 24.0742 19.878 24.1619 19.9346 24.2344C19.9913 24.3068 20.0681 24.3609 20.1555 24.3897C20.2429 24.4185 20.3368 24.4207 20.4254 24.3961C20.5141 24.3715 20.5934 24.3212 20.6534 24.2515C20.7135 24.1818 20.7515 24.0958 20.7627 24.0045C20.7738 23.9132 20.7577 23.8207 20.7163 23.7385C20.6888 23.684 20.6509 23.6353 20.6047 23.5954C20.5584 23.5555 20.5047 23.5251 20.4467 23.506C20.3887 23.4869 20.3275 23.4794 20.2666 23.484C20.2057 23.4886 20.1462 23.5051 20.0917 23.5327Z" fill="white"/>
+<path d="M14.6903 18.8399C14.8656 18.5723 14.9467 18.2539 14.9207 17.9351C14.8947 17.6162 14.7631 17.3152 14.5467 17.0796C14.3303 16.844 14.0416 16.6873 13.7261 16.6343C13.4106 16.5813 13.0865 16.635 12.805 16.7869C12.5235 16.9389 12.3008 17.1804 12.172 17.4732C12.0432 17.766 12.0158 18.0934 12.094 18.4036C12.1723 18.7138 12.3517 18.989 12.604 19.1857C12.8563 19.3823 13.167 19.4893 13.4868 19.4895C13.7257 19.4903 13.961 19.4313 14.1712 19.3178C14.3815 19.2043 14.5599 19.04 14.6903 18.8399Z" fill="white"/>
+<path d="M11.8175 21.0465C11.6987 20.9687 11.5595 20.928 11.4176 20.9293C11.2756 20.9307 11.1372 20.9741 11.0199 21.0541C10.9026 21.1341 10.8117 21.2471 10.7586 21.3788C10.7055 21.5104 10.6926 21.6549 10.7216 21.7939C10.7506 21.9329 10.8201 22.0601 10.9214 22.1596C11.0227 22.2591 11.1512 22.3263 11.2907 22.3527C11.4302 22.3792 11.5744 22.3637 11.7051 22.3082C11.8358 22.2527 11.9471 22.1597 12.0249 22.041C12.1292 21.8816 12.1659 21.6873 12.127 21.5008C12.0881 21.3143 11.9768 21.1509 11.8175 21.0465Z" fill="white"/>
+<path d="M15.1695 23.7982C15.0527 23.7916 14.9366 23.8197 14.8358 23.8791C14.735 23.9384 14.654 24.0263 14.6032 24.1317C14.5523 24.237 14.5339 24.3551 14.5501 24.4709C14.5664 24.5868 14.6166 24.6952 14.6944 24.7825C14.7723 24.8698 14.8743 24.9321 14.9875 24.9614C15.1008 24.9908 15.2202 24.9859 15.3306 24.9474C15.4411 24.9089 15.5376 24.8385 15.6081 24.7451C15.6785 24.6517 15.7197 24.5395 15.7264 24.4228C15.7309 24.3452 15.72 24.2675 15.6945 24.1941C15.6689 24.1207 15.6291 24.0531 15.5774 23.9951C15.5256 23.9371 15.463 23.8899 15.393 23.8561C15.323 23.8223 15.2471 23.8027 15.1695 23.7982Z" fill="white"/>
+<path d="M15.1758 20.0763C15.0088 20.0662 14.8425 20.1058 14.698 20.1902C14.5536 20.2746 14.4374 20.4 14.3643 20.5505C14.2911 20.701 14.2643 20.8698 14.2872 21.0356C14.3101 21.2013 14.3816 21.3565 14.4928 21.4816C14.6039 21.6066 14.7497 21.6959 14.9117 21.738C15.0736 21.7802 15.2444 21.7733 15.4024 21.7183C15.5604 21.6633 15.6985 21.5626 15.7993 21.429C15.9001 21.2954 15.9589 21.135 15.9684 20.9679C15.9813 20.7446 15.9051 20.5253 15.7565 20.3582C15.6079 20.191 15.399 20.0897 15.1758 20.0763Z" fill="white"/>
+<path d="M18.633 20.9891C18.5061 21.0535 18.4012 21.154 18.3316 21.278C18.2619 21.402 18.2306 21.5439 18.2416 21.6857C18.2526 21.8275 18.3054 21.9629 18.3934 22.0746C18.4814 22.1864 18.6005 22.2696 18.7358 22.3136C18.871 22.3576 19.0163 22.3605 19.1532 22.3219C19.2901 22.2834 19.4125 22.205 19.5048 22.0969C19.5972 21.9887 19.6554 21.8556 19.672 21.7143C19.6887 21.573 19.6631 21.43 19.5984 21.3033C19.5557 21.2192 19.4969 21.1444 19.4252 21.0831C19.3536 21.0218 19.2705 20.9752 19.1809 20.946C19.0912 20.9168 18.9966 20.9056 18.9026 20.913C18.8086 20.9204 18.717 20.9463 18.633 20.9891Z" fill="white"/>
+</svg>

src/assets/icon/coin/EthereumClassicBadge.svg

@@ -0,0 +1,7 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="30" height="30" rx="15" fill="white"/>
+<path d="M8.1051 16.0402C10.6414 17.3871 13.288 18.7971 15.3321 19.888L22.5 16.0402C19.9046 19.8958 17.7421 23.1057 15.3321 26.6582C12.9178 23.1136 10.2516 19.2023 8.1051 16.0402ZM8.38078 14.9767L15.3399 11.2632L22.2085 14.9495L15.3439 18.6671L8.38078 14.9767ZM15.3321 10.0735L8.1051 13.878L15.3006 3.34277L22.5 13.9016L15.3321 10.0735Z" fill="#3AB83A"/>
+<path d="M15.3321 19.888L22.5 16.0402C19.9046 19.8958 15.3321 26.6582 15.3321 26.6582V19.888ZM15.3399 11.2632L22.2086 14.9495L15.3438 18.6671L15.3399 11.2632ZM15.3321 10.0738L15.3005 3.34277L22.5 13.9016L15.3321 10.0738Z" fill="#0B8311"/>
+<path d="M8.38104 14.9767L15.3406 15.5479L22.2092 14.9531L15.3441 18.671L8.38104 14.9767Z" fill="#0B8311"/>
+<path d="M15.3402 15.5479L22.2089 14.9531L15.3441 18.671L15.3402 15.5479Z" fill="#146714"/>
+</svg>

src/assets/icon/coin/SolanaBadge.svg

@@ -0,0 +1,20 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="30" height="30" rx="15" fill="#1A1A1A"/>
+<path d="M8.25027 18.9507C8.37266 18.8337 8.53858 18.7679 8.71157 18.7679H24.6731C24.9638 18.7679 25.1094 19.1045 24.9037 19.3011L21.7497 22.3172C21.6274 22.4343 21.4614 22.5 21.2884 22.5H5.32695C5.0362 22.5 4.89064 22.1635 5.0963 21.9668L8.25027 18.9507Z" fill="url(#paint0_linear_254_4241)"/>
+<path d="M8.25027 7.68278C8.37264 7.56574 8.53857 7.49999 8.71157 7.5H24.6731C24.9638 7.5 25.1094 7.83651 24.9037 8.03322L21.7497 11.0493C21.6274 11.1663 21.4614 11.2321 21.2884 11.2321H5.32695C5.0362 11.2321 4.89064 10.8955 5.0963 10.6989L8.25027 7.68278Z" fill="url(#paint1_linear_254_4241)"/>
+<path d="M21.7497 13.2808C21.6274 13.1638 21.4614 13.0981 21.2884 13.0981H5.32695C5.0362 13.0981 4.89064 13.4346 5.0963 13.6313L8.25027 16.6474C8.37264 16.7644 8.53857 16.8302 8.71157 16.8302H24.6731C24.9638 16.8302 25.1094 16.4936 24.9037 16.2969L21.7497 13.2808Z" fill="url(#paint2_linear_254_4241)"/>
+<defs>
+<linearGradient id="paint0_linear_254_4241" x1="18.5212" y1="3.38544" x2="8.2175" y2="24.0068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FFA3"/>
+<stop offset="1" stop-color="#DC1FFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_254_4241" x1="18.5212" y1="3.38544" x2="8.2175" y2="24.0068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FFA3"/>
+<stop offset="1" stop-color="#DC1FFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_254_4241" x1="18.5212" y1="3.38544" x2="8.2175" y2="24.0068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FFA3"/>
+<stop offset="1" stop-color="#DC1FFF"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/icon/index/history.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.525 8.625L14.0254 7.125L12.525 8.625M14.25 7.5C14.25 11.2279 11.2279 14.25 7.5 14.25C3.77208 14.25 0.75 11.2279 0.75 7.5C0.75 3.77208 3.77208 0.75 7.5 0.75C9.97644 0.75 12.1414 2.0836 13.3159 4.07182M7.5 3.75V7.5L9.75 9" stroke="#A8A8A8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/icon/user/about-we.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4082 17.6276C17.9803 15.1591 15.78 13.3891 13.2122 12.5501C14.4824 11.7939 15.4692 10.6417 16.0212 9.27048C16.5731 7.89922 16.6597 6.38468 16.2676 4.95945C15.8755 3.53422 15.0264 2.27711 13.8506 1.38117C12.6749 0.485228 11.2376 0 9.75941 0C8.28122 0 6.84391 0.485228 5.66818 1.38117C4.49246 2.27711 3.64334 3.53422 3.25123 4.95945C2.85911 6.38468 2.94569 7.89922 3.49765 9.27048C4.04961 10.6417 5.03644 11.7939 6.3066 12.5501C3.73878 13.3882 1.53847 15.1582 0.110659 17.6276C0.0582987 17.7129 0.0235684 17.8079 0.00851736 17.9069C-0.00653367 18.006 -0.00160057 18.107 0.0230256 18.2041C0.0476518 18.3011 0.0914723 18.3923 0.151901 18.4722C0.212331 18.552 0.288144 18.619 0.37487 18.6691C0.461595 18.7192 0.557476 18.7514 0.656854 18.7638C0.756232 18.7763 0.857095 18.7687 0.953492 18.7415C1.04989 18.7143 1.13987 18.6681 1.21812 18.6056C1.29637 18.5431 1.3613 18.4656 1.4091 18.3776C3.17535 15.3251 6.29722 13.5026 9.75941 13.5026C13.2216 13.5026 16.3435 15.3251 18.1097 18.3776C18.1575 18.4656 18.2225 18.5431 18.3007 18.6056C18.379 18.6681 18.4689 18.7143 18.5653 18.7415C18.6617 18.7687 18.7626 18.7763 18.862 18.7638C18.9613 18.7514 19.0572 18.7192 19.1439 18.6691C19.2307 18.619 19.3065 18.552 19.3669 18.4722C19.4273 18.3923 19.4712 18.3011 19.4958 18.2041C19.5204 18.107 19.5254 18.006 19.5103 17.9069C19.4952 17.8079 19.4605 17.7129 19.4082 17.6276ZM4.50941 6.75255C4.50941 5.7142 4.81732 4.69917 5.39419 3.83581C5.97107 2.97245 6.79101 2.29954 7.75032 1.90218C8.70963 1.50482 9.76523 1.40086 10.7836 1.60343C11.802 1.806 12.7375 2.30601 13.4717 3.04024C14.2059 3.77447 14.706 4.70993 14.9085 5.72833C15.1111 6.74673 15.0071 7.80233 14.6098 8.76164C14.2124 9.72095 13.5395 10.5409 12.6762 11.1178C11.8128 11.6946 10.7978 12.0026 9.75941 12.0026C8.36748 12.0011 7.03299 11.4475 6.04874 10.4632C5.0645 9.47897 4.5109 8.14448 4.50941 6.75255Z" fill="#333333"/>
+</svg>

src/assets/icon/user/anquan-set.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5 0H1.5C1.10218 0 0.720644 0.158035 0.43934 0.43934C0.158035 0.720644 0 1.10218 0 1.5V6.75C0 11.6925 2.3925 14.6878 4.39969 16.3303C6.56156 18.0984 8.71219 18.6984 8.80594 18.7238C8.93484 18.7588 9.07078 18.7588 9.19969 18.7238C9.29344 18.6984 11.4413 18.0984 13.6059 16.3303C15.6075 14.6878 18 11.6925 18 6.75V1.5C18 1.10218 17.842 0.720644 17.5607 0.43934C17.2794 0.158035 16.8978 0 16.5 0ZM16.5 6.75C16.5 10.2253 15.2194 13.0462 12.6937 15.1331C11.5943 16.0385 10.344 16.743 9 17.2144C7.67363 16.7512 6.4387 16.0592 5.35125 15.1697C2.79563 13.0791 1.5 10.2469 1.5 6.75V1.5H16.5V6.75ZM4.71937 9.53063C4.57864 9.38989 4.49958 9.19902 4.49958 9C4.49958 8.80098 4.57864 8.61011 4.71937 8.46937C4.86011 8.32864 5.05098 8.24958 5.25 8.24958C5.44902 8.24958 5.63989 8.32864 5.78063 8.46937L7.5 10.1897L12.2194 5.46937C12.2891 5.39969 12.3718 5.34442 12.4628 5.3067C12.5539 5.26899 12.6515 5.24958 12.75 5.24958C12.8485 5.24958 12.9461 5.26899 13.0372 5.3067C13.1282 5.34442 13.2109 5.39969 13.2806 5.46937C13.3503 5.53906 13.4056 5.62178 13.4433 5.71283C13.481 5.80387 13.5004 5.90145 13.5004 6C13.5004 6.09855 13.481 6.19613 13.4433 6.28717C13.4056 6.37822 13.3503 6.46094 13.2806 6.53063L8.03063 11.7806C7.96097 11.8504 7.87825 11.9057 7.78721 11.9434C7.69616 11.9812 7.59856 12.0006 7.5 12.0006C7.40144 12.0006 7.30384 11.9812 7.21279 11.9434C7.12175 11.9057 7.03903 11.8504 6.96937 11.7806L4.71937 9.53063Z" fill="#333333"/>
+</svg>

src/assets/icon/user/customer-service.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6772 2.87437C15.78 1.96817 14.7129 1.24783 13.5369 0.754599C12.361 0.261372 11.0993 0.00494469 9.82406 0H9.75C7.16414 0 4.68419 1.02723 2.85571 2.85571C1.02723 4.68419 0 7.16414 0 9.75V15C0 15.5967 0.237053 16.169 0.65901 16.591C1.08097 17.0129 1.65326 17.25 2.25 17.25H3.75C4.34674 17.25 4.91903 17.0129 5.34099 16.591C5.76295 16.169 6 15.5967 6 15V11.25C6 10.6533 5.76295 10.081 5.34099 9.65901C4.91903 9.23705 4.34674 9 3.75 9H1.53375C1.72087 6.95025 2.66742 5.04448 4.18759 3.65683C5.70776 2.26919 7.69173 1.4999 9.75 1.5H9.81281C11.8625 1.50866 13.8351 2.28253 15.3439 3.66993C16.8527 5.05733 17.7889 6.95822 17.9691 9H15.75C15.1533 9 14.581 9.23705 14.159 9.65901C13.7371 10.081 13.5 10.6533 13.5 11.25V15C13.5 15.5967 13.7371 16.169 14.159 16.591C14.581 17.0129 15.1533 17.25 15.75 17.25H17.25C17.8467 17.25 18.419 17.0129 18.841 16.591C19.2629 16.169 19.5 15.5967 19.5 15V9.75C19.5049 8.4746 19.2581 7.21077 18.7737 6.03093C18.2893 4.85108 17.5768 3.77841 16.6772 2.87437ZM3.75 10.5C3.94891 10.5 4.13968 10.579 4.28033 10.7197C4.42098 10.8603 4.5 11.0511 4.5 11.25V15C4.5 15.1989 4.42098 15.3897 4.28033 15.5303C4.13968 15.671 3.94891 15.75 3.75 15.75H2.25C2.05109 15.75 1.86032 15.671 1.71967 15.5303C1.57902 15.3897 1.5 15.1989 1.5 15V10.5H3.75ZM18 15C18 15.1989 17.921 15.3897 17.7803 15.5303C17.6397 15.671 17.4489 15.75 17.25 15.75H15.75C15.5511 15.75 15.3603 15.671 15.2197 15.5303C15.079 15.3897 15 15.1989 15 15V11.25C15 11.0511 15.079 10.8603 15.2197 10.7197C15.3603 10.579 15.5511 10.5 15.75 10.5H18V15Z" fill="#333333"/>
+</svg>

src/assets/icon/user/help-center.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.25 0H13.5C12.9178 0 12.3437 0.135544 11.8229 0.395898C11.3022 0.656252 10.8493 1.03426 10.5 1.5C10.1507 1.03426 9.69776 0.656252 9.17705 0.395898C8.65634 0.135544 8.08217 0 7.5 0H0.75C0.551088 0 0.360322 0.0790178 0.21967 0.21967C0.0790176 0.360322 0 0.551088 0 0.75V14.25C0 14.4489 0.0790176 14.6397 0.21967 14.7803C0.360322 14.921 0.551088 15 0.75 15H7.5C8.09674 15 8.66903 15.2371 9.09099 15.659C9.51295 16.081 9.75 16.6533 9.75 17.25C9.75 17.4489 9.82902 17.6397 9.96967 17.7803C10.1103 17.921 10.3011 18 10.5 18C10.6989 18 10.8897 17.921 11.0303 17.7803C11.171 17.6397 11.25 17.4489 11.25 17.25C11.25 16.6533 11.4871 16.081 11.909 15.659C12.331 15.2371 12.9033 15 13.5 15H20.25C20.4489 15 20.6397 14.921 20.7803 14.7803C20.921 14.6397 21 14.4489 21 14.25V0.75C21 0.551088 20.921 0.360322 20.7803 0.21967C20.6397 0.0790178 20.4489 0 20.25 0ZM7.5 13.5H1.5V1.5H7.5C8.09674 1.5 8.66903 1.73705 9.09099 2.15901C9.51295 2.58097 9.75 3.15326 9.75 3.75V14.25C9.1015 13.762 8.3116 13.4987 7.5 13.5ZM19.5 13.5H13.5C12.6884 13.4987 11.8985 13.762 11.25 14.25V3.75C11.25 3.15326 11.4871 2.58097 11.909 2.15901C12.331 1.73705 12.9033 1.5 13.5 1.5H19.5V13.5Z" fill="#333333"/>
+</svg>

src/assets/icon/user/language.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 0C7.82164 0 5.93657 0.571828 4.33319 1.64317C2.72982 2.71451 1.48013 4.23726 0.742179 6.01884C0.00422452 7.80042 -0.188858 9.76082 0.187348 11.6521C0.563554 13.5434 1.49215 15.2807 2.85571 16.6443C4.21928 18.0079 5.95656 18.9365 7.84787 19.3127C9.73919 19.6889 11.6996 19.4958 13.4812 18.7578C15.2627 18.0199 16.7855 16.7702 17.8568 15.1668C18.9282 13.5634 19.5 11.6784 19.5 9.75C19.497 7.16505 18.4688 4.68683 16.641 2.859C14.8132 1.03116 12.335 0.00297748 9.75 0ZM18 9.75C18.0007 10.5108 17.8956 11.2681 17.6878 12H14.0775C14.3075 10.5088 14.3075 8.99118 14.0775 7.5H17.6878C17.8956 8.23192 18.0007 8.98916 18 9.75ZM7.3125 13.5H12.1875C11.7072 15.0737 10.8735 16.5167 9.75 17.7188C8.62695 16.5164 7.79326 15.0735 7.3125 13.5ZM6.94688 12C6.68939 10.5111 6.68939 8.98895 6.94688 7.5H12.5606C12.8181 8.98895 12.8181 10.5111 12.5606 12H6.94688ZM1.5 9.75C1.49935 8.98916 1.60442 8.23192 1.81219 7.5H5.4225C5.1925 8.99118 5.1925 10.5088 5.4225 12H1.81219C1.60442 11.2681 1.49935 10.5108 1.5 9.75ZM12.1875 6H7.3125C7.79277 4.42632 8.62652 2.9833 9.75 1.78125C10.8731 2.98361 11.7067 4.42653 12.1875 6ZM17.0934 6H13.7541C13.3332 4.45585 12.6238 3.00532 11.6634 1.725C12.8238 2.00375 13.9102 2.5301 14.848 3.26799C15.7859 4.00588 16.5532 4.93784 17.0972 6H17.0934ZM7.83657 1.725C6.87619 3.00532 6.16683 4.45585 5.74594 6H2.40282C2.94682 4.93784 3.71407 4.00588 4.65196 3.26799C5.58985 2.5301 6.67621 2.00375 7.83657 1.725ZM2.40282 13.5H5.74594C6.16683 15.0441 6.87619 16.4947 7.83657 17.775C6.67621 17.4963 5.58985 16.9699 4.65196 16.232C3.71407 15.4941 2.94682 14.5622 2.40282 13.5ZM11.6634 17.775C12.6238 16.4947 13.3332 15.0441 13.7541 13.5H17.0972C16.5532 14.5622 15.7859 15.4941 14.848 16.232C13.9102 16.9699 12.8238 17.4963 11.6634 17.775Z" fill="#333333"/>
+</svg>

src/assets/icon/user/my-money.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 0C3.95344 0 0 2.30625 0 5.25V14.25C0 17.1938 3.95344 19.5 9 19.5C14.0466 19.5 18 17.1938 18 14.25V5.25C18 2.30625 14.0466 0 9 0ZM16.5 9.75C16.5 10.6519 15.7612 11.5716 14.4741 12.2738C13.0247 13.0641 11.0803 13.5 9 13.5C6.91969 13.5 4.97531 13.0641 3.52594 12.2738C2.23875 11.5716 1.5 10.6519 1.5 9.75V8.19C3.09938 9.59625 5.83406 10.5 9 10.5C12.1659 10.5 14.9006 9.5925 16.5 8.19V9.75ZM3.52594 2.72625C4.97531 1.93594 6.91969 1.5 9 1.5C11.0803 1.5 13.0247 1.93594 14.4741 2.72625C15.7612 3.42844 16.5 4.34812 16.5 5.25C16.5 6.15188 15.7612 7.07156 14.4741 7.77375C13.0247 8.56406 11.0803 9 9 9C6.91969 9 4.97531 8.56406 3.52594 7.77375C2.23875 7.07156 1.5 6.15188 1.5 5.25C1.5 4.34812 2.23875 3.42844 3.52594 2.72625ZM14.4741 16.7738C13.0247 17.5641 11.0803 18 9 18C6.91969 18 4.97531 17.5641 3.52594 16.7738C2.23875 16.0716 1.5 15.1519 1.5 14.25V12.69C3.09938 14.0963 5.83406 15 9 15C12.1659 15 14.9006 14.0925 16.5 12.69V14.25C16.5 15.1519 15.7612 16.0716 14.4741 16.7738Z" fill="#333333"/>
+</svg>

src/assets/icon/user/right-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L6 6L1 11" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/less/color.less

@@ -67,3 +67,7 @@
 .fc767676 {
   color: #767676;
 }
+
+.fc2D2D2D {
+  color: #2d2d2d;
+}

src/router/index.js

@@ -18,6 +18,10 @@ import UserLoanIndex from "../views/user/loan/Index.vue";
 import CommitMessage from "../views/index/loan/CommitMessage.vue";
 import ContractTerms from "../views/index/loan/ContractTerms.vue";
 import Signature from "../views/index/loan/Signature.vue";
+import DeleteAccount from "../views/user/DeleteAccount.vue";
+import RechargeIndex from "../views/index/recharge/RechargeIndex.vue";
+import WithdrawIndex from "../views/index/recharge/WithdrawIndex.vue";
+import RechargeChangeCoin from "../views/index/recharge/ChangeCoin.vue";
 
 const routes = [
   {
@@ -115,6 +119,26 @@ const routes = [
     name: "signature",
     component: Signature,
   },
+  {
+    path: "/deleteAccount",
+    name: "deleteAccount",
+    component: DeleteAccount,
+  },
+  {
+    path: "/rechargeIndex",
+    name: "rechargeIndex",
+    component: RechargeIndex,
+  },
+  {
+    path: "/rechargeChangeCoin",
+    name: "rechargeChangeCoin",
+    component: RechargeChangeCoin,
+  },
+  {
+    path: "/withdrawIndex",
+    name: "withdrawIndex",
+    component: WithdrawIndex,
+  },
 ];
 
 const router = createRouter({

src/views/index/Index.vue

@@ -95,6 +95,10 @@
       router.push("/icoIndex");
     } else if (index == 2) {
       router.push("/loanIndex");
+    } else if (index == 6) {
+      router.push("/rechargeIndex");
+    } else if (index == 7) {
+      router.push("/withdrawIndex");
     }
   };
 

src/views/index/loan/Index.vue

@@ -71,6 +71,10 @@
     router.push("/loanRules");
   };
 
+  const toPath = () => {
+    router.back();
+  };
+
   const goCommitMessage = () => {
     router.push("/commitMessage");
   };
@@ -105,7 +109,7 @@
 
       .save {
         position: absolute;
-        top: 10px;
+        top: 12px;
         right: 16px;
         width: 24px;
         height: 24px;

src/views/index/recharge/ChangeCoin.vue

@@ -0,0 +1,150 @@
+<template>
+  <div class="loan-header">
+    <div class="header-content pf600 fs16 fc1F2937">
+      <img
+        class="left-arrow-image"
+        src="../../../assets/icon/index/left-arrow.svg"
+        @click="toPath()" />
+      充值
+      <div class="save pf600 fs14 fcA8A8A8">
+        <img src="../../../assets/icon/index/history.svg" alt="" />历史
+      </div>
+    </div>
+  </div>
+  <div class="change-coin">
+    <div class="coin-area">
+      <div
+        class="coin-item pf400 fs18 fc1F2937"
+        v-for="(item, index) in coinData"
+        :key="index">
+        <img :src="item.img" alt="" />{{ item.name }}
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+  import { useRoute, useRouter } from "vue-router";
+
+  const router = useRouter();
+
+  const coinData = [
+    {
+      img: require("@/assets/icon/coin/bnb.svg"),
+      name: "Bitcoin",
+    },
+    {
+      img: require("@/assets/icon/coin/EthereumClassicBadge.svg"),
+      name: "Ethereum",
+    },
+    {
+      img: require("@/assets/icon/coin/BinanceUsdBadge.svg"),
+      name: "Binance",
+    },
+    {
+      img: require("@/assets/icon/coin/SolanaBadge.svg"),
+      name: "Solana",
+    },
+    {
+      img: require("@/assets/icon/coin/xrp.svg"),
+      name: "XRP",
+    },
+    {
+      img: require("@/assets/icon/coin/CardanoBadge.svg"),
+      name: "Cardano",
+    },
+    {
+      img: require("@/assets/icon/coin/otc.svg"),
+      name: "OTC交易",
+    },
+  ];
+
+  const toPath = () => {
+    router.back();
+  };
+</script>
+<style lang="less" scoped>
+  .loan-header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 48px;
+    background: #ffffff;
+    overflow: hidden;
+
+    .header-content {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      position: relative;
+      width: 100%;
+      height: 48px;
+
+      .left-arrow-image {
+        position: absolute;
+        left: 14px;
+        top: 15px;
+        width: 9px;
+        height: 16px;
+      }
+
+      .save {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        position: absolute;
+        top: 12.3px;
+        right: 16px;
+        height: 24px;
+
+        img {
+          margin-right: 4px;
+        }
+      }
+    }
+  }
+
+  .change-coin {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 48px;
+    width: 100%;
+
+    .coin-area {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      width: 324px;
+
+      .coin-item {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: center;
+        margin-left: 12px;
+        margin-top: 12px;
+        width: 100px;
+        height: 90px;
+        background: #f5f5f5;
+        border-radius: 12px;
+
+        &:nth-child(3n + 1) {
+          margin-left: 0;
+        }
+
+        img {
+          margin-top: 12px;
+          margin-bottom: 8px;
+          width: 30px;
+          height: 30px;
+        }
+      }
+    }
+  }
+</style>

src/views/index/recharge/RechargeIndex.vue

@@ -0,0 +1,198 @@
+<template>
+  <!-- 充值 -->
+  <HeaderNav headerText="充值"></HeaderNav>
+  <div class="recharge-index">
+    <div class="qr-code">
+      <div class="code-name pf500 fs18 fc1F2937" @click="goChangeCoin">
+        <img src="../../../assets/icon/coin/bnb.svg" alt="" />
+        Bitcoin
+      </div>
+      <!-- 二维码 -->
+      <div class="code-area"></div>
+      <div class="save-code pf500 fs14 fcDF384C">保存二维码</div>
+    </div>
+    <div class="recharge-address">
+      <div class="address-left">
+        <div class="left-title pf400 fs14 fc2D2D2D">充值地址</div>
+        <div class="left-value pf400 fs14 fc666666">0x92c38961f55a0e2859e301162fb…</div>
+      </div>
+      <div class="address-right">
+        <img src="@/assets/icon/index/CopySimple.svg" alt="" />
+      </div>
+    </div>
+    <div class="card-type">
+      <div class="card-text pf500 fs14 fc333333">请选择主网络</div>
+      <div class="type-select pf500 fs14 fc333333">
+        ERC 20
+        <img src="../../../assets/icon/market/bottom-arrow.svg" alt="" />
+      </div>
+    </div>
+    <div class="card-number">
+      <div class="card-text pf500 fs14 fc333333">充值金额</div>
+      <div class="number-input">
+        <input
+          type="text"
+          class="input pf400 fs14 fc333333"
+          placeholder="请输入充值金额" />
+      </div>
+    </div>
+    <div class="submit pf600 fs14 fcFFFFFF">充值</div>
+  </div>
+</template>
+<script setup>
+  import HeaderNav from "../components/HeaderNav.vue";
+  import { useRoute, useRouter } from "vue-router";
+
+  const router = useRouter();
+
+  const goChangeCoin = () => {
+    router.push("/rechargeChangeCoin");
+  };
+</script>
+<style lang="less" scoped>
+  .recharge-index {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 48px;
+    width: 100%;
+
+    .qr-code {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+      width: 152px;
+
+      .code-name {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        height: 35px;
+
+        img {
+          margin-right: 11px;
+          width: 35px;
+          height: 35px;
+        }
+      }
+
+      .code-area {
+        margin-top: 20px;
+        width: 152px;
+        height: 152px;
+        background: pink;
+      }
+
+      .save-code {
+        margin-top: 9.69px;
+        height: 18px;
+        line-height: 18px;
+      }
+    }
+
+    .recharge-address {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center;
+      margin-top: 29px;
+      width: 345px;
+      height: 69px;
+      border-radius: 6px;
+      background: #f5f5f5;
+
+      .address-left {
+        margin-left: 11px;
+        height: 42px;
+
+        .left-title {
+          height: 20px;
+          line-height: 20px;
+        }
+
+        .left-value {
+          width: 248px;
+          height: 22px;
+          line-height: 22px;
+        }
+      }
+
+      .address-right {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        margin-left: 45px;
+        width: 33px;
+        height: 33px;
+        border-radius: 6px;
+        background: #ffffff;
+
+        img {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
+    .card-type {
+      margin-top: 10px;
+      width: 345px;
+
+      .type-select {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 5px;
+        padding: 0 11px;
+        width: 345px;
+        height: 45px;
+        border-radius: 6px;
+        background: #f5f5f5;
+        box-sizing: border-box;
+
+        img {
+          width: 12px;
+          height: 8px;
+        }
+      }
+    }
+
+    .card-number {
+      margin-top: 10px;
+      width: 345px;
+
+      .number-input {
+        margin-top: 5px;
+        width: 345px;
+        height: 45px;
+
+        .input {
+          padding-left: 11px;
+          width: 100%;
+          height: 100%;
+          box-sizing: border-box;
+          border-radius: 6px;
+          border: none;
+          outline: none;
+          background: #f5f5f5;
+        }
+      }
+    }
+
+    .submit {
+      margin-top: 62px;
+      width: 311px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 100px;
+      background: #df384c;
+      letter-spacing: 0.2px;
+    }
+  }
+</style>

src/views/index/recharge/WithdrawIndex.vue

@@ -0,0 +1,182 @@
+<template>
+  <!-- 提现 -->
+  <div class="loan-header">
+    <div class="header-content pf600 fs16 fc1F2937">
+      <img
+        class="left-arrow-image"
+        src="../../../assets/icon/index/left-arrow.svg"
+        @click="toPath()" />
+      提现
+      <div class="save pf600 fs14 fcA8A8A8">
+        <img src="../../../assets/icon/index/history.svg" alt="" />历史
+      </div>
+    </div>
+  </div>
+  <div class="withdraw-index">
+    <div class="card-type">
+      <div class="card-text pf500 fs14 fc333333">请选择货币类型</div>
+      <div class="type-select pf400 fs14 fc333333">
+        USDT
+        <img src="../../../assets/icon/market/bottom-arrow.svg" alt="" />
+      </div>
+    </div>
+    <div class="card-type">
+      <div class="card-text pf500 fs14 fc333333">请选择主网络</div>
+      <div class="type-select pf400 fs14 fc333333">
+        ERC 20
+        <img src="../../../assets/icon/market/bottom-arrow.svg" alt="" />
+      </div>
+    </div>
+    <div class="card-number">
+      <div class="card-text pf500 fs14 fc333333">请输入提现地址</div>
+      <div class="number-input">
+        <input type="text" class="input pf400 fs14 fc333333" placeholder="请输入" />
+      </div>
+    </div>
+    <div class="card-number">
+      <div class="card-text pf500 fs14 fc333333">提现金额</div>
+      <div class="number-input">
+        <input
+          type="text"
+          class="input pf400 fs14 fc333333"
+          placeholder="请输入提现金额" />
+        <div class="all pf500 fs14 fc333333">USDT <span class="fcDF384C">全部</span></div>
+      </div>
+    </div>
+    <div class="use-money pf500 fs12 fc333333">可用 215.0508 USDT</div>
+    <div class="submit pf600 fs14 fcFFFFFF">立即提现</div>
+    <div class="gas-fee pf500 fs14 fc333333">提现手续费: 3%</div>
+  </div>
+</template>
+<script setup></script>
+<style lang="less" scoped>
+  .loan-header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 48px;
+    background: #ffffff;
+    overflow: hidden;
+
+    .header-content {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      position: relative;
+      width: 100%;
+      height: 48px;
+
+      .left-arrow-image {
+        position: absolute;
+        left: 14px;
+        top: 15px;
+        width: 9px;
+        height: 16px;
+      }
+
+      .save {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        position: absolute;
+        top: 12.3px;
+        right: 16px;
+        height: 24px;
+
+        img {
+          margin-right: 4px;
+        }
+      }
+    }
+  }
+
+  .withdraw-index {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 48px;
+    width: 100%;
+
+    .card-type {
+      margin-top: 10px;
+      width: 345px;
+
+      .type-select {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 5px;
+        padding: 0 11px;
+        width: 345px;
+        height: 45px;
+        border-radius: 6px;
+        background: #f5f5f5;
+        box-sizing: border-box;
+
+        img {
+          width: 12px;
+          height: 8px;
+        }
+      }
+    }
+
+    .card-number {
+      margin-top: 10px;
+      width: 345px;
+
+      .number-input {
+        position: relative;
+        margin-top: 5px;
+        width: 345px;
+        height: 45px;
+
+        .input {
+          padding-left: 11px;
+          width: 100%;
+          height: 100%;
+          box-sizing: border-box;
+          border-radius: 6px;
+          border: none;
+          outline: none;
+          background: #f5f5f5;
+        }
+
+        .all {
+          position: absolute;
+          top: 13px;
+          right: 11px;
+        }
+      }
+    }
+
+    .use-money {
+      margin-top: 7px;
+      width: 345px;
+      height: 18px;
+      line-height: 18px;
+    }
+
+    .submit {
+      margin-top: 214px;
+      width: 311px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 100px;
+      background: #df384c;
+      letter-spacing: 0.2px;
+    }
+
+    .gas-fee {
+      margin-top: 15px;
+      height: 18px;
+      line-height: 18px;
+    }
+  }
+</style>

src/views/user/DeleteAccount.vue

@@ -0,0 +1,37 @@
+<template>
+  <!-- 注销账号 -->
+  <HeaderNav headerText="注销账号"></HeaderNav>
+  <div class="delete-account pf400 fs14 fc666666">
+    注销账户后，您可能需要考虑以下几点：<br />
+    数据无法恢复：一旦注销账户，您在该账户中的所有数据可能会永久丢失。因此，请务必在注销前做好数据备份。<br />
+    影响其他服务：有些账户可能与其他服务相关联，例如通过社交媒体账户登录的应用。如果您注销了这些账户，可能会影响您使用的其他服务。<br />
+    等待期：一些平台在您申请注销后，可能会设置一个等待期。在此期间，您仍然可以取消注销请求，恢复账户。<br />
+    隐私设置：即使您注销了某些账户，您在其他平台上的信息仍然可能被保留。定期检查您的隐私设置，确保您的信息安全。<br />
+    注销账户是保护个人隐私和安全的重要步骤。在决定注销之前，确保备份所有重要的数据，了解注销的具体步骤和后果。每个平台的注销流程可能有所不同，因此在操作时请务必仔细阅读相关说明。<br />
+  </div>
+  <div class="submit pf600 fs14 fcFFFFFF">注销</div>
+</template>
+<script setup>
+  import HeaderNav from "../index/components/HeaderNav.vue";
+</script>
+<style lang="less" scoped>
+  .delete-account {
+    margin: 0 auto;
+    margin-top: 48px;
+    width: 345px;
+    line-height: 24px;
+    letter-spacing: 0.2px;
+  }
+
+  .submit {
+    margin: 0 auto;
+    margin-top: 235px;
+    width: 311px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    border-radius: 100px;
+    background: #df384c;
+    letter-spacing: 0.2px;
+  }
+</style>

src/views/user/Index.vue

@@ -1,5 +1,219 @@
 <template>
-  <div>user</div>
+  <!-- 我的 -->
+  <div class="user-index">
+    <div class="loan-info">
+      <div class="info-left">
+        <img src="../../assets/img/index/user/default-head.png" alt="" />
+        <div class="info-name" @click="deleteAccount">
+          <div class="name-area pf500 fs18 fc121212">
+            用户昵称
+            <div class="level pf500 fs10 fcDF384C">V2</div>
+          </div>
+          <div class="pf400 fs14 fc6A7187">ID: 658908</div>
+        </div>
+      </div>
+      <div class="info-right"></div>
+    </div>
+    <img src="../../assets/img/user/Invite Friends.svg" class="invite-friend" alt="" />
+    <div class="user-func">
+      <div
+        class="func-item"
+        v-for="(item, index) in userMenu"
+        :key="index"
+        @click="goMenuRouter(index)">
+        <div class="item-left pf500 fs14 fc333333">
+          <div class="left-img">
+            <img :src="item.img" class="anquan-set" alt="" />
+          </div>
+          {{ item.name }}
+        </div>
+        <img src="../../assets/icon/user/right-arrow.svg" class="right-arrow" alt="" />
+      </div>
+    </div>
+    <div class="submit pf600 fs14 fcFFFFFF">退出</div>
+  </div>
 </template>
-<script setup></script>
-<style lang="less" scoped></style>
+<script setup>
+  import { useRoute, useRouter } from "vue-router";
+
+  const router = useRouter();
+
+  const deleteAccount = () => {
+    router.push("/deleteAccount");
+  };
+
+  const goMenuRouter = () => {
+    router.push("/userLoanIndex");
+  };
+
+  const userMenu = [
+    {
+      name: "安全设置",
+      img: require("@/assets/icon/user/anquan-set.svg"),
+    },
+    {
+      name: "我的贷款",
+      img: require("@/assets/icon/user/my-loan.svg"),
+    },
+    {
+      name: "高级认证",
+      img: require("@/assets/icon/user/certification.svg"),
+    },
+    {
+      name: "KYC认证",
+      img: require("@/assets/icon/user/key-certification.svg"),
+    },
+    {
+      name: "我的资产",
+      img: require("@/assets/icon/user/my-money.svg"),
+    },
+    {
+      name: "切换语言",
+      img: require("@/assets/icon/user/language.svg"),
+    },
+    {
+      name: "联系客服",
+      img: require("@/assets/icon/user/customer-service.svg"),
+    },
+    {
+      name: "帮助中心",
+      img: require("@/assets/icon/user/help-center.svg"),
+    },
+    {
+      name: "关于我们",
+      img: require("@/assets/icon/user/about-we.svg"),
+    },
+  ];
+</script>
+<style lang="less" scoped>
+  .user-index {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    margin-bottom: 100px;
+    width: 100%;
+
+    .margin-top16 {
+      margin-top: 16px;
+    }
+
+    .margin-top28 {
+      margin-top: 28px;
+    }
+
+    .loan-info {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 20px;
+      width: calc(349px - 22px);
+      height: 90px;
+
+      .info-left {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        height: 56px;
+
+        img {
+          width: 56px;
+          height: 56px;
+        }
+
+        .info-name {
+          display: flex;
+          flex-direction: column;
+          justify-content: space-evenly;
+          margin-left: 16px;
+          height: 56px;
+
+          .name-area {
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+            align-items: center;
+
+            .level {
+              margin-left: 5px;
+              width: 18px;
+              height: 15px;
+              line-height: 15px;
+              text-align: center;
+              border-radius: 3px;
+              background: #df384c1a;
+            }
+          }
+        }
+      }
+
+      .info-right {
+        width: 90px;
+        height: 90px;
+        background: pink;
+      }
+    }
+
+    .invite-friend {
+      margin-top: 20px;
+      width: 327px;
+      height: 68px;
+    }
+
+    .user-func {
+      width: 340px;
+
+      .func-item {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 26.5px;
+        width: 340px;
+        height: 24px;
+
+        &:first-child {
+          margin-top: 18px;
+        }
+
+        .item-left {
+          display: flex;
+          flex-direction: row;
+          justify-content: flex-start;
+          align-items: center;
+          height: 24px;
+
+          .left-img {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            width: 24px;
+            height: 24px;
+          }
+
+          .anquan-set {
+            margin-right: 8px;
+          }
+        }
+
+        .right-arrow {
+          width: 7px;
+          height: 15px;
+        }
+      }
+    }
+
+    .submit {
+      margin-top: 43px;
+      width: 311px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 100px;
+      background: #df384c;
+      letter-spacing: 0.2px;
+    }
+  }
+</style>