mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
tab e2e fixes
This commit is contained in:
@ -1,15 +1,20 @@
|
||||
|
||||
<ion-view>
|
||||
<ion-tabs>
|
||||
|
||||
<ion-tabs>
|
||||
<ion-tab tab-title="Tab 1">
|
||||
<ion-view nav-title="Tab 1">
|
||||
<ion-content class="padding">
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
<ion-tab tab-title="Tab 1">
|
||||
Tab 1 Content<br/>.
|
||||
</ion-tab>
|
||||
<ion-tab tab-title="Tab 2">
|
||||
.<br/>Tab 2 Content
|
||||
</ion-tab>
|
||||
<ion-tab tab-title="Tab 2">
|
||||
<ion-view nav-title="Tab 2">
|
||||
<ion-content class="padding">
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
</ion-tabs>
|
||||
|
||||
</ion-view>
|
||||
</ion-tabs>
|
||||
|
@ -2,15 +2,20 @@
|
||||
<ion-tabs placement="bottom">
|
||||
|
||||
<ion-tab tab-title="Tab 1">
|
||||
<ion-view>
|
||||
Tab 1 Content
|
||||
<ion-view nav-title="Tab 1">
|
||||
<ion-content class="padding">
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
<ion-tab tab-title="Tab 2">
|
||||
<ion-view>
|
||||
Tab 2 Content
|
||||
<ion-view nav-title="Tab 2">
|
||||
<ion-content class="padding">
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
</ion-tabs>
|
||||
|
||||
|
@ -2,8 +2,8 @@
|
||||
<div style="margin: 4px 0">
|
||||
|
||||
<h6>Icon Top of Text (Default)</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
@ -20,8 +20,8 @@
|
||||
</div>
|
||||
|
||||
<h6>Icon Bottom of Text</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container tab-bar-icon-bottom">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar tab-bar-icon-bottom">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
@ -38,8 +38,8 @@
|
||||
</div>
|
||||
|
||||
<h6>Icon Left of Text</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container tab-bar-icon-left">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar tab-bar-icon-left">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
@ -56,8 +56,8 @@
|
||||
</div>
|
||||
|
||||
<h6>Icon Right of Text</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container tab-bar-icon-right">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar tab-bar-icon-right">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
@ -74,8 +74,8 @@
|
||||
</div>
|
||||
|
||||
<h6>Icon Only</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container tab-bar-icon-only">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar tab-bar-icon-only">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
@ -92,8 +92,8 @@
|
||||
</div>
|
||||
|
||||
<h6>Text Only</h6>
|
||||
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
|
||||
<div class="tab-bar-container tab-bar-text-only">
|
||||
<div class="tab-bar-container toolbar-ios">
|
||||
<div class="tab-bar tab-bar-text-only">
|
||||
<a class="tab-bar-item tab-active">
|
||||
<icon class="tab-bar-item-icon ion-home"></icon>
|
||||
<span class="tab-bar-item-text">Home</span>
|
||||
|
@ -3,14 +3,19 @@
|
||||
|
||||
<ion-tab tab-title="Tab 1">
|
||||
<ion-view nav-title="Tab 1">
|
||||
Tab 1 Content
|
||||
<ion-content class="padding">
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
<ion-tab tab-title="Tab 2">
|
||||
<ion-view nav-title="Tab 2">
|
||||
Tab 2 Content
|
||||
<ion-content class="padding">
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-tab>
|
||||
|
||||
</ion-tabs>
|
||||
|
||||
|
Reference in New Issue
Block a user