彭文进
彭文进
  • 发布:2018-09-17 17:09
  • 更新:2018-09-17 17:09
  • 阅读:2474

底部导航栏窗体切换

分类:MUI

这几天一直在研究底部导航栏页面切换的问题一直都是不得要领,看了论团里的不少文章但是自己copy过来却又失败了,今天突发奇想的使用jQuery试了一下还真的可以。不过也有一些小问题出现,就是偶尔会在右边和下边会有滚动条闪一下。不说了发代码给大神看一下帮我分析分析该怎么解决
mui.plusReady(function() {
//设置默认打开首页显示的子页序号;
var Index = 0;
//把子页的路径写在数组里面
var subpages = ['html/shoping.html', 'html/chat.html', 'html/focus.html', 'html/person.html'];
var self = plus.webview.currentWebview();
for(var i = 0; i < subpages.length; i++) {
var sub = plus.webview.create(
subpages[i], //子页url
subpages[i], //子页id
{
top: '0px', //设置距离顶部的距离
bottom: '50px' //设置距离底部的距离
}
);
//如不是我们设置的默认的子页则隐藏,否则添加到窗口中
if(i != Index) {
sub.hide();
}
//将webview对象填充到窗口
self.append(sub);
}
//点击切换窗口的实现代码部分
$(".mui-tab-item").on('tap', function() {
var c = $(this).index();
plus.webview.show(subpages[c]);

            });  

        });
0 关注 分享

要回复文章请先登录注册