feat: 添加全局菜单组件及相关路由,优化用户界面

This commit is contained in:
2025-12-28 01:34:44 +07:00
parent 9ef64ad961
commit 7fc1c84329
11 changed files with 197 additions and 13 deletions

View File

@@ -9,11 +9,11 @@ const { fundingBalances, totalAssetValue } = storeToRefs(walletStore);
<template>
<div>
<ion-label class="text-xs font-medium text-text-300">
<div class="text-md font-semibold my-4">
资产分布
</ion-label>
</div>
<div class="grid grid-cols-2 gap-4 mt-2">
<div class="grid grid-cols-2 gap-4">
<div class="asset-card">
<div class="text-xs text-text-400 font-semibold flex items-center gap-1">
<SolarDollarMinimalisticBoldDuotone />
@@ -34,9 +34,10 @@ const { fundingBalances, totalAssetValue } = storeToRefs(walletStore);
</div>
</div>
<ion-label class="text-xs font-medium text-text-300">
<div class="text-md font-semibold my-4">
资产
</ion-label>
</div>
<ion-list lines="none" class="space-y-5 mt-2!">
<ion-item v-for="asset, i in fundingBalances" :key="i" class="">
<div class="flex items-center space-x-3 flex-1">

View File

@@ -9,7 +9,7 @@ const { userProfile } = storeToRefs(userStore);
<template>
<div class="user-info-container">
<div class="user-info" @click="$router.push('/user/settings')">
<ui-avatar class="size-18" />
<ui-avatar class="size-14" />
<div>
<div class="user-name">
{{ userProfile?.user?.email }}

View File

@@ -39,7 +39,7 @@ onMounted(() => {
</div>
</div>
<div class="flex gap-2 w-full justify-around">
<div class="flex gap-2 w-full justify-around mt-2">
<div id="open-recharge-modal" class="flex-col-center">
<ion-button expand="full" color="success" shape="round" class="w-12 h-12">
<IcRoundArrowCircleDown slot="icon-only" />