我习惯了Ionic5。 İon-Slider
中包含离子菜单中离子幻灯片的实施。ion-menu
。我做了离子菜单。按下菜单按钮将打开菜单。离子滑块出现在菜单中。而且入口处必须有一个离子滑块。
home.html代码:
<ion-header>
<ion-toolbar>
<ion-title>Anasayfa</ion-title>
<ion-buttons slot="start">
<ion-menu-button autoHide="false">
</ion-menu-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-app>
<ion-menu contentId="content1" side="start">
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item routerLink="/etk">
<ion-icon name="calendar" slot="start"></ion-icon>
<ion-label>Etkinlikler</ion-label>
</ion-item>
<ion-item routerLink="/ilan">
<ion-icon name="business" slot="start"></ion-icon>
<ion-label>İş İlanları</ion-label>
</ion-item>
<ion-item routerLink="/sce">
<ion-icon name="help" slot="start"></ion-icon>
<ion-label>Soru-Cevap</ion-label>
</ion-item>
<ion-item>
<ion-icon name="log-out" slot="start"></ion-icon>
<ion-label>Çıkış Yap</ion-label>
<ion-button routerLink="/login" routerDirection="root"></ion-button>
</ion-item>
</ion-list>
<ion-slides>
<ion-slide>
<h1>Slide 5</h1>
</ion-slide>
</ion-slides>
</ion-content>
</ion-menu>
<ion-router-outlet id="content1" main></ion-router-outlet>
</ion-app>