@@ -393,27 +393,25 @@ Let's start by taking a look at our `Tabs` component:
393
393
``` html
394
394
<template >
395
395
<ion-page >
396
- <ion-content >
397
- <ion-tabs >
398
- <ion-router-outlet ></ion-router-outlet >
399
- <ion-tab-bar slot =" bottom" >
400
- <ion-tab-button tab =" tab1" href =" /tabs/tab1" >
401
- <ion-icon :icon =" triangle" />
402
- <ion-label >Tab 1</ion-label >
403
- </ion-tab-button >
404
-
405
- <ion-tab-button tab =" tab2" href =" /tabs/tab2" >
406
- <ion-icon :icon =" ellipse" />
407
- <ion-label >Tab 2</ion-label >
408
- </ion-tab-button >
409
-
410
- <ion-tab-button tab =" tab3" href =" /tabs/tab3" >
411
- <ion-icon :icon =" square" />
412
- <ion-label >Tab 3</ion-label >
413
- </ion-tab-button >
414
- </ion-tab-bar >
415
- </ion-tabs >
416
- </ion-content >
396
+ <ion-tabs >
397
+ <ion-router-outlet ></ion-router-outlet >
398
+ <ion-tab-bar slot =" bottom" >
399
+ <ion-tab-button tab =" tab1" href =" /tabs/tab1" >
400
+ <ion-icon :icon =" triangle" />
401
+ <ion-label >Tab 1</ion-label >
402
+ </ion-tab-button >
403
+
404
+ <ion-tab-button tab =" tab2" href =" /tabs/tab2" >
405
+ <ion-icon :icon =" ellipse" />
406
+ <ion-label >Tab 2</ion-label >
407
+ </ion-tab-button >
408
+
409
+ <ion-tab-button tab =" tab3" href =" /tabs/tab3" >
410
+ <ion-icon :icon =" square" />
411
+ <ion-label >Tab 3</ion-label >
412
+ </ion-tab-button >
413
+ </ion-tab-bar >
414
+ </ion-tabs >
417
415
</ion-page >
418
416
</template >
419
417
@@ -422,7 +420,6 @@ Let's start by taking a look at our `Tabs` component:
422
420
IonTabBar ,
423
421
IonTabButton ,
424
422
IonTabs ,
425
- IonContent ,
426
423
IonLabel ,
427
424
IonIcon ,
428
425
IonPage ,
@@ -433,7 +430,6 @@ Let's start by taking a look at our `Tabs` component:
433
430
export default {
434
431
name: ' Tabs' ,
435
432
components: {
436
- IonContent,
437
433
IonLabel,
438
434
IonTabs,
439
435
IonTabBar,
0 commit comments