我正在使用离子型,并试图在视图中使用选项卡控件。选项卡控件具有静态文本以及图标。但是,当我尝试运行时ionic emulate android
,仅出现选项卡控件,并且切换到选项卡不会显示内容。
<ion-tabs class="tabs-positive tabs-icon-only">
<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
<!-- Tab 1 content -->
</ion-tab>
<ion-tab title="About" icon-on="ion-ios-location" icon-off="ion-ios-location-outline">
<ion-nav-view>
<ion-view view-title="About">
<ion-content>
<i class="ion-bag"></i>Hello
</ion-content>
</ion-view>
</ion-nav-view>
</ion-tab>
</ion-tabs>
我已经在离子网站上浏览了一些示例,但是这些示例正在利用模板来呈现内容,这对我而言是过大的。
编辑1:我尝试删除ion-nav-view
并仅保留,ion-view
但是那也不起作用。
对于静态标签,请用离子窗格包裹离子含量。
<ion-tabs class="tabs-positive tabs-icon-only">
<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
<!-- Tab 1 content -->
</ion-tab>
<ion-tab title="About" icon-on="ion-ios-location" icon-off="ion-ios-location-outline">
<ion-pane>
<ion-content>
<i class="ion-bag"></i>Hello
</ion-content>
</ion-pane>
</ion-tab>
</ion-tabs>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句