No Description

index.html 2.2KB

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