chore: 重构路由和视图,移除旧的标签页并添加新的布局和页面
This commit is contained in:
28
src/components/layout/default.vue
Normal file
28
src/components/layout/default.vue
Normal 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>
|
||||
Reference in New Issue
Block a user