feat: 添加交易页面,更新路由配置,优化用户界面和样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user