12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <!DOCTYPE html>
- <html>
- <head>
- <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>
- <link href="css/mui.min.css" rel="stylesheet"/>
- <link href="css/iconfont.css" rel="stylesheet" />
- <link href="css/app.css" rel="stylesheet"/>
- </head>
- <body>
-
- <nav class="mui-bar mui-bar-tab footbox">
- <a class="mui-tab-item mui-active" href="html/index_home.html">
- <span class="mui-icon iconfont icon-home"></span>
- </a>
- <a class="mui-tab-item" href="html/consultlist.html">
- <span class="mui-icon iconfont icon-community"></span>
- </a>
- <a class="mui-tab-item" id="isLogin" href="html/myaccount.html">
- <span class="mui-icon iconfont icon-people"></span>
- </a>
- </nav>
- <script src="js/public/mui.min.js"></script>
- <script src="js/public/base.js"></script>
-
- <script type="text/javascript" charset="utf-8">
- var subpages = ['html/index_home.html', 'html/consultlist.html', 'html/myaccount.html'];
- var subpage_style = {
- top: '0px',
- bottom: '51px'
- };
- var aniShow = {};
-
- mui.plusReady(function() {
- var self = plus.webview.currentWebview();
- for(var i = 0; i < 3; i++) {
- var temp = {};
- 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);
- }
- });
-
- var activeTab = subpages[0];
-
- mui('.mui-bar-tab').on('tap', 'a', function(e) {
- var targetTab = this.getAttribute('href');
- if(targetTab == activeTab) {
- return;
- }
-
-
- if(mui.os.ios || 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);
-
- activeTab = targetTab;
- });
- </script>
- </body>
- </html>
|