tab-top-subpage-3.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../css/mui.min.css">
  10. <style>
  11. html,
  12. body {
  13. background-color: #efeff4;
  14. }
  15. .title {
  16. padding: 20px 15px 10px;
  17. color: #6d6d72;
  18. font-size: 15px;
  19. background-color: #fff;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
  25. <div class="mui-scroll">
  26. <div class="title">
  27. 这是webview模式选项卡中的第3个子页面
  28. </div>
  29. <ul class="mui-table-view mui-table-view-chevron">
  30. <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">北京-Item 1</a>
  31. </li>
  32. <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">北京-Item 2</a>
  33. </li>
  34. <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">北京-Item 3</a>
  35. </li>
  36. <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">北京-Item 4</a>
  37. </li>
  38. <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">北京-Item 5</a>
  39. </li>
  40. </ul>
  41. </div>
  42. </div>
  43. <script src="../js/mui.min.js"></script>
  44. <script>
  45. mui.init({
  46. swipeBack: false,
  47. keyEventBind: {
  48. backbutton: false //关闭back按键监听
  49. }
  50. });
  51. </script>
  52. </body>
  53. </html>