Fork me on GitHub

[Mui-Dcloud]-首页一级页面tabbar切换,以及判断用户是否登录弹出popUp登录框

mui常用布局

image

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
mui.init();
//设置打开首页显示的子页面序号
var Index = 0
//把子页面路径写在数组里面
var subpages = [
'view/order/order.html',
'view/goods/goods.html',
'view/data/data.html',
'view/shop/shop.html'
];
//所有的plus-*方法写在mui.plusReady中或者后面
mui.plusReady(function() {
// 清理jwt
// localStorage.clear()
//检测jwt是否存在
if (!localStorage.jwt) {
showlogin();
}
//获取当前页面所属的Webview窗口对象
var self = plus.webview.currentWebview();
for (var i = 0; i < 4; i++) {
// 创建webview子页面
var sub = plus.webview.create(
subpages[i], //子页url
subpages[i], //子页id
{
top: '45px', //设置距离顶部的距离
bottom: '50px' //设置距离底部的距离
}
);

//如果不是我们设置的子页则隐藏,否则添加到窗口中
if (i != Index) {
sub.hide();
}
// 将webview对象填充到窗口
self.append(sub)
}
})
//当前激活选项
var activeTab = subpages[Index],
title = document.querySelector(".mui-title");
//选项卡点击事件
mui('.mui-bar-tab').on('tap', 'a', function(e) {
//获取目标子页的id
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
//更换标题
title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
//显示目标选项卡
plus.webview.show(targetTab);
//隐藏当前选项卡
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
});
//显示login
function showlogin() {
console.log('显示login')
mui.openWindow({
url: 'view/login/login.html',
show:{
aniShow:'slide-in-bottom'
}
})
};
支持作者