Skip to content

Commit

Permalink
regular update
Browse files Browse the repository at this point in the history
  • Loading branch information
taoyimin committed May 5, 2019
1 parent fa56749 commit b2b87c3
Show file tree
Hide file tree
Showing 6 changed files with 34 additions and 70 deletions.
79 changes: 32 additions & 47 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,14 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<script type="text/javascript" src="js/vue.min.js" ></script>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<style>
* {
touch-action: pan-y;
}
</style>
</head>

<body id='html_body'>
Expand All @@ -33,29 +35,28 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
</nav>
</body>
<script>
var subpages = ['views/main/main.html', 'views/message/message_list.html', 'views/mine/mine.html'];
//mui初始化
mui.init();
var subpages = ['views/main/main.html', 'views/message/message.html', 'views/mine/mine.html'];

var subpage_style = {
top: '44px',
bottom: '51px'
};

var aniShow = {};

var vm = new Vue({
el: '#bottom_tab',
data: {
currentIndex: 0,
subpages: subpages
}
el: '#bottom_tab',
data: {
subpages: subpages
}
});
//mui初始化
mui.init();

//创建子页面,首个选项卡页面显示,其它均隐藏;
mui.plusReady(function() {
var self = plus.webview.currentWebview();
for(var i = 0; i < subpages.length; i++) {
for(var i = 0; i < 4; i++) {
var temp = {};
var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
if(i > 0) {
Expand All @@ -65,26 +66,11 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
mui.extend(aniShow, temp);
}
self.append(sub);
};
}
//改变状态栏颜色
plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque");
plus.navigator.setStatusBarBackground('#2cc971'); //设置状态栏的颜色
plus.navigator.setStatusBarBackground('#2cc971');
});

var first = null;
mui.back = function() {
if(!first) {
first = new Date().getTime();
mui.toast('再按一次退出系统!');
setTimeout(function() {
first = null;
}, 2000);
} else {
if(new Date().getTime() - first < 2000) {
plus.runtime.quit();
}
}
};
//当前激活选项
var activeTab = subpages[0];
var title = document.getElementById("title");
Expand All @@ -107,27 +93,26 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
mui.extend(aniShow, temp);
plus.webview.show(targetTab, "fade-in", 300);
}

mui.fire(plus.webview.getWebviewById(activeTab), "unSelected", null);

//隐藏当前;
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
mui.fire(plus.webview.getWebviewById(activeTab), "selected", null);
});
//自定义事件,模拟点击“首页选项卡”
document.addEventListener('gohome', function() {
var defaultTab = document.getElementById("defaultTab");
//模拟首页点击
mui.trigger(defaultTab, 'tap');
//切换选项卡高亮
var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
if(defaultTab !== current) {
current.classList.remove('mui-active');
defaultTab.classList.add('mui-active');

var first = null;
mui.back = function() {
if(!first) {
first = new Date().getTime();
mui.toast('再按一次退出系统!');
setTimeout(function() {
first = null;
}, 2000);
} else {
if(new Date().getTime() - first < 2000) {
plus.runtime.quit();
}
}
});
};
</script>

</html>
4 changes: 2 additions & 2 deletions manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -133,8 +133,8 @@
"views/main/main.html"
],
"refer": [
"views/message/message_list.html",
"views/mine/mine.html"
"views/mine/mine.html",
"views/message/message.html"
],
"priority": 0
}
Expand Down
1 change: 0 additions & 1 deletion views/main/main.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
</head>

<body>
<div>首页</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
Expand Down
File renamed without changes.
19 changes: 0 additions & 19 deletions views/message/message_list.html

This file was deleted.

1 change: 0 additions & 1 deletion views/mine/mine.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
</head>

<body>
<div>我的</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
Expand Down

0 comments on commit b2b87c3

Please sign in to comment.