tabs!
This commit is contained in:
parent
c836bb62c2
commit
2b976e812c
8 changed files with 126 additions and 33 deletions
|
|
@ -8,3 +8,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
9
public/views/tab-home.html
Normal file
9
public/views/tab-home.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
<<ion-view view-title="Home">
|
||||
<ion-content class="padding">
|
||||
<h2>Welcome to Home</h2>
|
||||
<p>
|
||||
This is the Ionic starter for tabs-based apps. For other starters and ready-made templates, check out the <a href="http://market.ionic.io/starters" target="_blank">Ionic Market</a>.
|
||||
<p>
|
||||
</ion-content>
|
||||
</ion-view> p>
|
||||
5
public/views/tab-receive.html
Normal file
5
public/views/tab-receive.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<ion-view view-title="Home">
|
||||
<ion-content class="receive">
|
||||
<h2>Welcome to Receive</h2>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
5
public/views/tab-send.html
Normal file
5
public/views/tab-send.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<ion-view view-title="Home">
|
||||
<ion-content class="send">
|
||||
<h2>Welcome to Send</h2>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
6
public/views/tab-settings.html
Normal file
6
public/views/tab-settings.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
|
||||
<ion-view view-title="Home">
|
||||
<ion-content class="Settings">
|
||||
<h2>Welcome to Settings</h2>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
29
public/views/tabs.html
Normal file
29
public/views/tabs.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!--
|
||||
Create tabs with an icon and label, using the tabs-positive style.
|
||||
Each tab's child <ion-nav-view> directive will have its own
|
||||
navigation history that also transitions its views in and out.
|
||||
-->
|
||||
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
|
||||
|
||||
<ion-tab title="Home" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tabs/home">
|
||||
<ion-nav-view name="tab-home"></ion-nav-view>
|
||||
</ion-tab>
|
||||
|
||||
<ion-tab title="Receive" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tabs/receive">
|
||||
<ion-nav-view name="tab-receive"></ion-nav-view>
|
||||
</ion-tab>
|
||||
|
||||
|
||||
<ion-tab title="Scan" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/scan">
|
||||
<ion-nav-view name="tab-scan"></ion-nav-view>
|
||||
</ion-tab>
|
||||
|
||||
|
||||
<ion-tab title="Send" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tabs/send">
|
||||
<ion-nav-view name="tab-send"></ion-nav-view>
|
||||
</ion-tab>
|
||||
|
||||
<ion-tab title="Settings" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tabs/settings">
|
||||
<ion-nav-view name="tab-settings"></ion-nav-view>
|
||||
</ion-tab>
|
||||
</ion-tabs>
|
||||
|
|
@ -519,4 +519,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet && !$root.shouldHideMenuBar"></div>
|
||||
<div class="bottom-bar row collapse p0i">
|
||||
<div>
|
||||
<div class="row collapse p0i">
|
||||
<div class="medium-4 small-4 columns text-center bottombar-item">
|
||||
<a href="#/tabs/home" >
|
||||
<span class="size-10 tu">
|
||||
tabs
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue