前言
Ionic2項目創建好以后底部會默認顯示幾個菜單,通常都不符合我們的需求,所以就需要對底部tab的文字和icon進行自定義。
步驟
- app.component.ts文件內找到rootPage類;
定位
- 打開該rootPage文件
rootpage
- 修改ion-tab標簽即可
- ion-tab標簽的上下位置即代表最終顯示位置;
- [root]="tab1Root"代表JS文件內該tab的路由頁面為tab1Root;
- tabTitle代表tab名稱;
- tabIcon代表tab icon,直接找官方圖標庫是最方便的官方圖標庫,當然也可以用自定義Icon庫;
- rootParams代表打開該tab所引導的頁面時所附帶的參數;