index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>My App</title>
  9. <!-- Path to Framework7 Library CSS-->
  10. <link rel="stylesheet" href="css/framework7.ios.min.css">
  11. <!-- Path to your custom app styles-->
  12. <link rel="stylesheet" href="css/my-app.css">
  13. </head>
  14. <body>
  15. <!-- Status bar overlay for fullscreen mode-->
  16. <div class="statusbar-overlay"></div>
  17. <!-- Right panel with cover effect-->
  18. <div class="panel panel-right panel-cover">
  19. <div class="content-block">
  20. <p>Right panel content goes here</p>
  21. </div>
  22. </div>
  23. <!-- Views-->
  24. <div class="views">
  25. <!-- Panels overlay-->
  26. <div class="panel-overlay"></div>
  27. <!-- Left panel with reveal effect-->
  28. <div class="panel panel-left panel-cover">
  29. <!-- Left view-->
  30. <div class="view view-left navbar-through">
  31. <div class="navbar">
  32. <div class="navbar-inner">
  33. <div class="left"></div>
  34. <div class="center sliding">菜单</div>
  35. <div class="right"></div>
  36. </div>
  37. </div>
  38. <div class="pages">
  39. <div data-page="index-left" class="page">
  40. <div class="page-content">
  41. <!-- <div class="content-block-title">Left View Links</div>
  42. <div class="list-block">
  43. <ul>
  44. <li><a href="left-page-1.html" class="item-link">
  45. <div class="item-content">
  46. <div class="item-inner">
  47. <div class="item-title">Left Page 1</div>
  48. </div>
  49. </div></a></li>
  50. </ul>
  51. </div> -->
  52. <!-- <div class="content-block-title">Control Main View</div> -->
  53. <div class="list-block">
  54. <ul>
  55. <li><a href="formal.html" data-view=".view-main" class="item-link close-panel">
  56. <div class="item-content">
  57. <div class="item-inner">
  58. <div class="item-title">发送消息 - 正式环境</div>
  59. </div>
  60. </div></a></li>
  61. <li><a href="test.html" data-view=".view-main" class="item-link close-panel">
  62. <div class="item-content">
  63. <div class="item-inner">
  64. <div class="item-title">发送消息 - 测试环境</div>
  65. </div>
  66. </div></a></li>
  67. <li><a href="app-uri.html" data-view=".view-main" class="item-link close-panel">
  68. <div class="item-content">
  69. <div class="item-inner">
  70. <div class="item-title">APP內跳uri说明</div>
  71. </div>
  72. </div></a></li>
  73. <li><a href="about.html" data-view=".view-main" class="item-link close-panel">
  74. <div class="item-content">
  75. <div class="item-inner">
  76. <div class="item-title">消息模版</div>
  77. </div>
  78. </div></a></li>
  79. </ul>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <!-- Right view, it is main view-->
  87. <div class="view view-main navbar-through">
  88. <div class="navbar">
  89. <div class="navbar-inner">
  90. <div class="center sliding"></div>
  91. <div class="right"><a href="#" data-panel="left" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
  92. </div>
  93. </div>
  94. <!-- Pages-->
  95. <div class="pages">
  96. <!-- Page, data-page contains page name-->
  97. <div data-page="index-1" class="page">
  98. <!-- Scrollable page content-->
  99. <div class="page-content">
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <!-- Path to Framework7 Library JS-->
  106. <script type="text/javascript" src="js/framework7.min.js"></script>
  107. <!-- Path to your app js-->
  108. <script type="text/javascript" src="js/my-app.js"></script>
  109. </body>
  110. </html>