ssa
ssa
  • 发布:2015-10-21 16:09
  • 更新:2015-10-21 16:19
  • 阅读:2664

tabbar webview 模式进入二级页面出现双导航如何解决,非常感谢

分类:MUI

已官方Demo tab-webview-main.html文件作为主界面,点击进入二级页面会出现双重导航栏,怎么才能做成点进二级页面导航栏根据页面更改title, 底部选项卡消失。 图片前两张是现在的效果,第三张是想实现的效果,谢谢了,困扰我很多天了。求解答

2015-10-21 16:09 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

你引入的页面中

<header class="mui-bar mui-bar-nav">  
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
    <h1 class="mui-title">.....</h1>  
</header>

有头部.而选项卡父页面也有头部

<header class="mui-bar mui-bar-nav">  
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
    <h1 id="title" class="mui-title">首页</h1>  
</header>

所以会重复,你可以

header.mui-bar{  
    display: none;  
}

将子页面中的头部隐藏,也可以不要再子页面包含头部

  • ssa (作者)

    您好,您有点理解错我的意思了,举例说明:点击上图账户与安全,进入二级页面,会出现双导航栏,我是想让子页面导航栏直接代替主页面导航栏,然后下面分页选项卡消失,但是因为引用的是咱们官方的Demo,tab-webview-main.html这个页面,所以我不太了解如何更改,希望可以耐心为我指点,非常感谢。

    2015-10-21 16:29

  • BoredApe

    新建页面就可以啊.openwindow 或者create webview直接显示例子中各个子页面设置了stylesubpage_style = {top: '45px',

    bottom: '51px'

    };

    你不要设置这两个就可以

    2015-10-21 16:41

  • ssa (作者)

    回复 BoredApe:我刚接触这个不久,可以不可以详细说下步骤阿, 我试了但是没有成功,谢谢了。

    2015-10-21 17:08

  • ssa (作者)

    回复 ssa:@2235:我用你说的那个搞了,是没用重复出现了,但是问题是进入二级页面上面导航栏不变阿,这么怎么搞,

    2015-10-22 14:25

ssa

ssa (作者)

在线坐等,传说中的大神在哪里?

  • 2***@qq.com

    这个问题解决了么,我也有同样的问题

    2016-07-02 20:55

该问题目前已经被锁定, 无法添加新回复