sys-error.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>错误页面</title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 引入样式 -->
  9. <link href="../css/mui.css" rel="stylesheet" />
  10. <link rel="stylesheet" href="../css/app.css" />
  11. <link rel="stylesheet" href="../css/app.new.css" />
  12. <!-- 引入字体 -->
  13. <link rel="stylesheet" href="../fonts/font-jt.css">
  14. <!-- 独有样式 -->
  15. <style>
  16. /* 内容容器样式 */
  17. .jt-error-content {
  18. height: 100%;
  19. width: 100;
  20. display: flex;
  21. flex-direction: column;
  22. padding-top: 100px;
  23. align-items: center;
  24. }
  25. /* 图标样式 */
  26. .jt-error-content>span {
  27. font-size: 60px;
  28. color: rgb(255, 0, 0);
  29. margin-bottom: 20px;
  30. }
  31. /* 文字样式 */
  32. .jt-error-content>div {
  33. font-size: 20px;
  34. color: rgb(203, 203, 203);
  35. }
  36. /* 按钮样式 */
  37. .jt-error-content>button {
  38. width: 100px;
  39. height: 34px;
  40. margin-top: 20px;
  41. background-color: rgba(117, 144, 244, 1);
  42. border: solid 1px rgba(255, 255, 255, 0.2);
  43. font-size: 16px;
  44. color: rgb(203, 203, 203);
  45. font-weight: bold;
  46. padding: 0px !important;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <div class="jt-error-content">
  52. <span class="app-icon app-icon-error"></span>
  53. <div>页面运行异常,请联系管理员</div>
  54. <button onclick="gotoBack()">关闭</button>
  55. </div>
  56. </body>
  57. </html>
  58. <!-- 引入mui脚本 -->
  59. <script src="../js/mui.js"></script>
  60. <!-- 引入webview脚本 -->
  61. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  62. <!-- 独有脚本 -->
  63. <script type="text/javascript">
  64. /* mui初始化 */
  65. mui.init();
  66. /* 初始化 */
  67. mui.plusReady(function() {
  68. var wv = plus.webview.currentWebview();
  69. wv.setStyle({
  70. titleNView: {
  71. titletext: '运行异常',
  72. autoBackButton: false,
  73. }
  74. });
  75. });
  76. function gotoBack() {
  77. plus.webview.currentWebview().close()
  78. }
  79. </script>