No Description

index.html 2.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link href="css/mui.min.css" rel="stylesheet"/>
  8. <link href="css/iconfont.css" rel="stylesheet" />
  9. <link href="css/app.css" rel="stylesheet"/>
  10. </head>
  11. <body>
  12. <!--主页面底部菜单-->
  13. <nav class="mui-bar mui-bar-tab footbox">
  14. <a class="mui-tab-item mui-active" href="html/index_home.html">
  15. <span class="mui-icon iconfont icon-home"></span>
  16. </a>
  17. <a class="mui-tab-item" href="html/consultlist.html">
  18. <span class="mui-icon iconfont icon-community"></span>
  19. </a>
  20. <a class="mui-tab-item" id="isLogin" href="html/myaccount.html">
  21. <span class="mui-icon iconfont icon-people"></span>
  22. </a>
  23. </nav>
  24. <script src="js/public/mui.min.js"></script>
  25. <script src="js/public/base.js"></script>
  26. <script type="text/javascript" charset="utf-8">
  27. var subpages = ['html/index_home.html', 'html/consultlist.html', 'html/myaccount.html'];
  28. var subpage_style = {
  29. top: '0px',
  30. bottom: '51px'
  31. };
  32. var aniShow = {};
  33. //创建子页面,首个选项卡页面显示,其它均隐藏;
  34. mui.plusReady(function() {
  35. var self = plus.webview.currentWebview();
  36. for(var i = 0; i < 3; i++) {
  37. var temp = {};
  38. var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
  39. if(i > 0) {
  40. sub.hide();
  41. } else {
  42. temp[subpages[i]] = "true";
  43. mui.extend(aniShow, temp);
  44. }
  45. self.append(sub);
  46. }
  47. });
  48. //当前激活选项
  49. var activeTab = subpages[0];
  50. //选项卡点击事件
  51. mui('.mui-bar-tab').on('tap', 'a', function(e) {
  52. var targetTab = this.getAttribute('href');
  53. if(targetTab == activeTab) {
  54. return;
  55. }
  56. //显示目标选项卡
  57. //若为iOS平台或非首次显示,则直接显示
  58. if(mui.os.ios || aniShow[targetTab]) {
  59. plus.webview.show(targetTab);
  60. } else {
  61. //否则,使用fade-in动画,且保存变量
  62. var temp = {};
  63. temp[targetTab] = "true";
  64. mui.extend(aniShow, temp);
  65. plus.webview.show(targetTab, "fade-in", 300);
  66. }
  67. //隐藏当前;
  68. plus.webview.hide(activeTab);
  69. //更改当前活跃的选项卡
  70. activeTab = targetTab;
  71. });
  72. </script>
  73. </body>
  74. </html>