1
0

tab-webview-subpage-setting.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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,body {
  12. background-color: #efeff4;
  13. }
  14. .title{
  15. margin: 20px 15px 10px;
  16. color: #6d6d72;
  17. font-size: 15px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <!--<header class="mui-bar mui-bar-nav">
  23. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  24. <h1 class="mui-title">设置</h1>
  25. </header>-->
  26. <div class="mui-content">
  27. <div class="title">
  28. 这是webview模式选项卡中的第4个子页面,该页面展示一个常见的设置示例
  29. </div>
  30. <ul class="mui-table-view">
  31. <li class="mui-table-view-cell">
  32. <a class="mui-navigate-right">
  33. 新消息通知
  34. </a>
  35. </li>
  36. <li class="mui-table-view-cell">
  37. <a class="mui-navigate-right">
  38. 隐私
  39. </a>
  40. </li>
  41. <li class="mui-table-view-cell">
  42. <a class="mui-navigate-right">
  43. 通用
  44. </a>
  45. </li>
  46. </ul>
  47. <ul class="mui-table-view" style="margin-top: 25px;">
  48. <li class="mui-table-view-cell">
  49. <a id="about" class="mui-navigate-right">
  50. 关于mui
  51. </a>
  52. </li>
  53. </ul>
  54. <ul class="mui-table-view" style="margin-top: 25px;">
  55. <li class="mui-table-view-cell">
  56. <a style="text-align: center;color: #FF3B30;">
  57. 退出登录
  58. </a>
  59. </li>
  60. </ul>
  61. </div>
  62. </style>
  63. </body>
  64. <script src="../js/mui.min.js"></script>
  65. <script>
  66. mui.init({
  67. swipeBack:true //启用右滑关闭功能
  68. });
  69. document.getElementById("about").addEventListener('tap',function () {
  70. //获得主页面的webview
  71. var main = plus.webview.currentWebview().parent();
  72. //触发主页面的gohome事件
  73. mui.fire(main,'gohome');
  74. });
  75. </script>
  76. </html>