feat: 添加交易页面,更新路由配置,优化用户界面和样式

This commit is contained in:
2025-12-13 17:39:59 +07:00
parent 378514c7b9
commit b86f257e38
9 changed files with 67 additions and 32 deletions

View File

@@ -6,19 +6,21 @@ import WalletCard from "./components/wallet-card.vue";
<template>
<IonPage>
<ion-toolbar class="toolbar">
<div slot="end">
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="scanOutline" />
</ion-button>
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="notificationsOutline" />
</ion-button>
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="settingsOutline" />
</ion-button>
</div>
</ion-toolbar>
<ion-header>
<ion-toolbar class="ui-toolbar">
<div slot="end">
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="scanOutline" />
</ion-button>
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="notificationsOutline" />
</ion-button>
<ion-button fill="clear" color="dark">
<ion-icon slot="icon-only" :icon="settingsOutline" />
</ion-button>
</div>
</ion-toolbar>
</ion-header>
<IonContent :fullscreen="true" class="ion-padding">
<UserInfo />
<WalletCard />
@@ -26,8 +28,4 @@ import WalletCard from "./components/wallet-card.vue";
</IonPage>
</template>
<style scoped>
.toolbar {
--background: var(--ion-background-color);
}
</style>
<style scoped></style>