panki/PlanA
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set names and icons for the bottom tab-bar

Browse Source
This commit is contained in:
Marco Hügin 2020-05-23 11:21:57 +02:00
parent 0456cad8b9
commit 3841731a65
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -30,7 +30,7 @@
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.5",
"@angular/cli": "~9.1.5",
"@angular/cli": "9.1.7",
"@angular/compiler": "~9.1.6",
"@angular/compiler-cli": "~9.1.6",
"@angular/language-service": "~9.1.6",

20
src/app/tabs/tabs.page.html
View File

@ -1,19 +1,19 @@
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab1">
<ion-icon name="triangle"></ion-icon>
<ion-label>Tab 1</ion-label>
<ion-tab-bar slot="tabBar_Bottom">
<ion-tab-button tab="tab_search">
<ion-icon name="search-outline"></ion-icon>
<ion-label>Suche</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab2">
<ion-icon name="ellipse"></ion-icon>
<ion-label>Tab 2</ion-label>
<ion-tab-button tab="tab_map">
<ion-icon name="map-outline"></ion-icon>
<ion-label>Karte</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab3">
<ion-icon name="square"></ion-icon>
<ion-label>Tab 3</ion-label>
<ion-tab-button tab="tab_chat">
<ion-icon name="chatbubbles-outline"></ion-icon>
<ion-label>Chat</ion-label>
</ion-tab-button>
</ion-tab-bar>