You've already forked qlg.frontend
80 lines
2.2 KiB
JavaScript
80 lines
2.2 KiB
JavaScript
jumpPage();
|
|
|
|
function jumpPage() {
|
|
//跳转页面
|
|
var subpages = ['choiceness.html', 'dynamic.html', 'new_product.html'];
|
|
var subpage_style = {
|
|
top: '103px',
|
|
bottom: '0px',
|
|
scrollIndicator: 'none'
|
|
};
|
|
|
|
var aniShow = {}; //动画显示
|
|
//当前激活选项
|
|
var activeTab = subpages[0];
|
|
//选项卡点击事件
|
|
mui('.nav').on('tap', 'a', function(e) {
|
|
var targetTab = this.getAttribute('href');
|
|
if(targetTab == activeTab) {
|
|
return;
|
|
}
|
|
//显示目标选项卡
|
|
//若为iOS平台或非首次显示，则直接显示
|
|
if(mui.os.ios || aniShow[targetTab]) {
|
|
plus.webview.show(targetTab);
|
|
} else {
|
|
//否则，使用fade-in动画，且保存变量
|
|
var temp = {};
|
|
temp[targetTab] = "true";
|
|
mui.extend(aniShow, temp);
|
|
plus.webview.show(targetTab, "fade-in", 300);
|
|
}
|
|
//隐藏当前;
|
|
plus.webview.hide(activeTab);
|
|
//更改当前活跃的选项卡
|
|
activeTab = targetTab;
|
|
|
|
if(targetTab == 'choiceness.html') {
|
|
document.getElementsByClassName('p1')[1].classList.remove('on')
|
|
document.getElementsByClassName('p1')[2].classList.remove('on')
|
|
this.classList.add('on');
|
|
}
|
|
|
|
if(targetTab == 'dynamic.html') {
|
|
document.getElementsByClassName('p1')[0].classList.remove('on')
|
|
document.getElementsByClassName('p1')[2].classList.remove('on')
|
|
this.classList.add('on');
|
|
}
|
|
|
|
if(targetTab == 'new_product.html') {
|
|
document.getElementsByClassName('p1')[0].classList.remove('on')
|
|
document.getElementsByClassName('p1')[1].classList.remove('on')
|
|
this.classList.add('on');
|
|
}
|
|
|
|
});
|
|
|
|
//首次启动切滑效果
|
|
|
|
mui.plusReady(function() {
|
|
window.addEventListener('refresh', function(e) {
|
|
location.reload();
|
|
})
|
|
// launchScreen();
|
|
// plus.navigator.setStatusBarStyle('dark');
|
|
// //console.log(plus.navigator.getStatusBarStyle())
|
|
var self = plus.webview.currentWebview();
|
|
for(var i = 0; i < subpages.length; i++) {
|
|
var temp = {};
|
|
//http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.create
|
|
var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
|
|
if(i > 0) {
|
|
sub.hide();
|
|
} else {
|
|
temp[subpages[i]] = "true";
|
|
mui.extend(aniShow, temp); //合并对象
|
|
}
|
|
self.append(sub);
|
|
}
|
|
});
|
|
} |