PhoneGap中文网

 找回密码
 立即注册

请教ion-tabs嵌套的问题

查看数: 20324 | 评论数: 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>
完整代码是这样的:
  1. <ion-view>
  2.     <ion-tabs class="tabs-icon-left tabs-positive tabs-top">
  3.         <ion-tab title="诊断" icon-off="ion-ios-glasses-outline" icon-on="ion-ios-glasses" href="#/funcTab/diagnosis">
  4.             <ion-nav-view name="funcTab-diagnosis"></ion-nav-view>
  5.         </ion-tab>
  6.         <ion-tab title="医嘱" icon-off="ion-ios-book-outline" icon-on="ion-ios-book" href="#/funcTab/order">
  7.             <ion-nav-view name="funcTab-order"></ion-nav-view>
  8.         </ion-tab>
  9.         <ion-tab title="检查" icon-off="ion-ios-medkit-outline" icon-on="ion-ios-medkit" href="#/funcTab/check">
  10.             <ion-nav-view name="funcTab-check"></ion-nav-view>
  11.         </ion-tab>
  12.         <ion-tab title="检验" icon-off="ion-ios-flask-outline" icon-on="ion-ios-flask" href="#/funcTab/test">
  13.             <ion-nav-view name="funcTab-test"></ion-nav-view>
  14.         </ion-tab>
  15.         <ion-tab title="用血" icon-off="ion-ios-heart-outline" icon-on="ion-ios-heart" href="#/funcTab/blood">
  16.             <ion-nav-view name="funcTab-blood"></ion-nav-view>
  17.         </ion-tab>
  18.         <ion-tab title="文书" icon-off="ion-ios-paper-outline" icon-on="ion-ios-paper" href="#/funcTab/document">
  19.             <ion-nav-view name="funcTab-document"></ion-nav-view>
  20.         </ion-tab>
  21.     </ion-tabs>
  22.     <ion-nav-view></ion-nav-view>
  23. </ion-view>
复制代码


关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 19:42 , Processed in 0.065483 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表