Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <template>
- <div id="app">
- <ion-app>
- <ion-vue-router main/>
- <ion-tabs>
- <ion-tab tab="home" :routes="['home']">
- </ion-tab>
- <ion-tab tab="about">
- </ion-tab>
- <ion-tab tab="profile">
- </ion-tab>
- <ion-tab-bar slot="bottom">
- <ion-tab-button tab="home">
- <ion-label>Home</ion-label>
- <ion-icon name="home"></ion-icon>
- <ion-badge>6</ion-badge>
- </ion-tab-button>
- <ion-tab-button tab="profile">
- <ion-label>Profile</ion-label>
- <ion-icon name="information-circle"></ion-icon>
- </ion-tab-button>
- <ion-tab-button tab="about">
- <ion-label>About</ion-label>
- <ion-icon name="information-circle"></ion-icon>
- </ion-tab-button>
- </ion-tab-bar>
- </ion-tabs>
- </ion-app>
- </div>
- </template>
- <style>
- #app {
- font-family: 'Avenir', Helvetica, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- text-align: center;
- color: #2c3e50;
- }
- #nav {
- padding: 30px;
- }
- #nav a {
- font-weight: bold;
- color: #2c3e50;
- }
- #nav a.router-link-exact-active {
- color: #42b983;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement