APICloud A页面有一个底部导航栏 点击A页面的按钮进入另一个页面B B页面也有一个底部导航栏 从B返回到A页面的时候,怎么显示A的底部导航栏

要求说明

1、APICloud A页面有一个底部导航栏TAB_A

2、点击A页面中的某一个部分/按钮可以进入另一个页面B

3、B页面也有一个底部导航栏 TAB_B

4、从B点击按钮返回到A页面的时候,怎么显示A的底部导航栏


涉及的知识点(方子)

底部导航栏、api.openWin({})、api.openFrame({})


解决方案

1、A页面有导航栏TAB_A

在index.html里面引入js文件,这个js文件里面有A页面,实现如下链接文章

https://blog.csdn.net/qq_37591637/article/details/88528136

2、点击A页面进入带有另一个导航栏的B页面

2.0、新建一个nindex.html(一个windows窗口,里面包含底部导航栏的)

2.1、打开方式open.Win({})

  api.openWin({
            name: 'nindex',
            url: './nindex.html',
        });

2.2、nindex.html页面同样引入一个js文件(TAB_B)导航栏,这个js文件里面有B页面 实现如下链接文章

https://blog.csdn.net/qq_37591637/article/details/88528136

2.3、从B页面返回A页面很简单,但是如果返回的A页面带有导航栏的话,就需要如下的代码

在B页面设置一个按钮

<button type="button" class="btn btn-danger" onclick="rcommon()">返回普通用户中心</button>

rcommon的js代码如下

  api.openFrame({
      name: 'A页面名称',
      url: './A页面名称.html',
      rect: {
        x:0,
        y:0,
          w: 'auto',
          h: api.winHeight-70,
      }
});

这样做了以后,A页面的确会有导航栏,但是却是TAB_B导航栏,不是TAB_A导航栏

最后一步操作

在rcommon的js代码里面加入如下代码,关闭当前windows窗口

api.closeWin();

完整的rcommon方法如下

function rcommon(){
api.closeWin();
  api.openFrame({
      name: 'my',
      url: './my.html',
      rect: {
        x:0,
        y:0,
          w: 'auto',
          h: api.winHeight-70,
      }
});
}

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_37591637

请给我持续更新的动力~~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值