feat: 添加全局菜单组件及相关路由,优化用户界面
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user