chore: 重构路由和视图,移除旧的标签页并添加新的布局和页面

This commit is contained in:
2025-12-11 13:25:56 +07:00
parent 508275403a
commit d2b796e434
5 changed files with 31 additions and 27 deletions

View File

@@ -0,0 +1,28 @@
<script setup lang="ts">
import { IonIcon, IonLabel, IonPage, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from "@ionic/vue";
import { ellipse, square, triangle } from "ionicons/icons";
</script>
<template>
<IonPage>
<IonTabs>
<IonRouterOutlet />
<IonTabBar slot="bottom">
<IonTabButton tab="home" href="/layout/home">
<IonIcon aria-hidden="true" :icon="triangle" />
<IonLabel>Home</IonLabel>
</IonTabButton>
<IonTabButton tab="market" href="/layout/market">
<IonIcon aria-hidden="true" :icon="ellipse" />
<IonLabel>Market</IonLabel>
</IonTabButton>
<IonTabButton tab="user" href="/layout/user">
<IonIcon aria-hidden="true" :icon="square" />
<IonLabel>User</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
</IonPage>
</template>