如何在同一页面上使用离子菜单和离子幻灯片?

时间:2019-07-31 07:40:19

标签: angularjs ionic-framework

我习惯了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>

0 个答案:

没有答案