Commit b97623e7 authored by hbcui1984's avatar hbcui1984

hello mui中webview模式选项卡增加fade-in动画

parent 6cc6a95d
...@@ -49,13 +49,20 @@ ...@@ -49,13 +49,20 @@
top: '46px', top: '46px',
bottom: '50px' bottom: '50px'
}; };
var aniShow = {};
//创建子页面,首个选项卡页面显示,其它均隐藏; //创建子页面,首个选项卡页面显示,其它均隐藏;
mui.plusReady(function() { mui.plusReady(function() {
var self = plus.webview.currentWebview(); var self = plus.webview.currentWebview();
for (var i = 0; i < 4; i++) { for (var i = 0; i < 4; i++) {
var temp = {};
var sub = plus.webview.create(subpages[i], subpages[i], subpage_style); var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
if (i > 0) { if (i > 0) {
sub.hide(); sub.hide();
}else{
temp[subpages[i]] = "true";
mui.extend(aniShow,temp);
} }
self.append(sub); self.append(sub);
} }
...@@ -72,7 +79,14 @@ ...@@ -72,7 +79,14 @@
//更换标题 //更换标题
title.innerHTML = this.querySelector('.mui-tab-label').innerHTML; title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
//显示目标选项卡 //显示目标选项卡
plus.webview.show(targetTab); if(aniShow[targetTab]){
plus.webview.show(targetTab);
}else{
var temp = {};
temp[targetTab] = "true";
mui.extend(aniShow,temp);
plus.webview.show(targetTab,"fade-in",300);
}
//隐藏当前; //隐藏当前;
plus.webview.hide(activeTab); plus.webview.hide(activeTab);
//更改当前活跃的选项卡 //更改当前活跃的选项卡
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment