请教ion-tabs嵌套的问题

查看数: 20393 | 评论数: 4 | 收藏 0

关灯 | 提示：支持键盘翻页<-左右->

发布时间: 2016-2-23 10:54

刚接触ionic，碰到一个问题，想请教下各位。如上面图片所示，我需要的功能是： 1、下面一排tabs，点击tab1后在上方空白区域显示页1的内容； 2、点击tab2后在上方空白区域显示一排tabs，这排tabs要在顶部，点击ta ...

bowenq25 发表于 2016-9-19 15:50:57

请问楼主怎么实现的呀，我也遇到了同样的问题，学生档不容易，求大神指教！

573757449 发表于 2016-5-8 16:37:24

我也碰到同样的问题，请问楼主是怎么处理的呢

jumtre 发表于 2016-2-26 14:15:56

我已经弄好了

jumtre 发表于 2016-2-23 10:58:04

funcTabs.html的代码编辑错了，还有下面几行代码要加上去：
<ion-nav-view></ion-nav-view>
</ion-view>
完整代码是这样的：

<ion-view>
<ion-tabs class="tabs-icon-left tabs-positive tabs-top">
<ion-tab title="诊断" icon-off="ion-ios-glasses-outline" icon-on="ion-ios-glasses" href="#/funcTab/diagnosis">
<ion-nav-view name="funcTab-diagnosis"></ion-nav-view>
</ion-tab>
<ion-tab title="医嘱" icon-off="ion-ios-book-outline" icon-on="ion-ios-book" href="#/funcTab/order">
<ion-nav-view name="funcTab-order"></ion-nav-view>
</ion-tab>
<ion-tab title="检查" icon-off="ion-ios-medkit-outline" icon-on="ion-ios-medkit" href="#/funcTab/check">
<ion-nav-view name="funcTab-check"></ion-nav-view>
</ion-tab>
<ion-tab title="检验" icon-off="ion-ios-flask-outline" icon-on="ion-ios-flask" href="#/funcTab/test">
<ion-nav-view name="funcTab-test"></ion-nav-view>
</ion-tab>
<ion-tab title="用血" icon-off="ion-ios-heart-outline" icon-on="ion-ios-heart" href="#/funcTab/blood">
<ion-nav-view name="funcTab-blood"></ion-nav-view>
</ion-tab>
<ion-tab title="文书" icon-off="ion-ios-paper-outline" icon-on="ion-ios-paper" href="#/funcTab/document">
<ion-nav-view name="funcTab-document"></ion-nav-view>
</ion-tab>
</ion-tabs>
<ion-nav-view></ion-nav-view>
</ion-view>

复制代码

		自动登录	找回密码
密码			立即注册

回复