12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>错误页面</title>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <!-- 引入样式 -->
- <link href="../css/mui.css" rel="stylesheet" />
- <link rel="stylesheet" href="../css/app.css" />
- <link rel="stylesheet" href="../css/app.new.css" />
- <!-- 引入字体 -->
- <link rel="stylesheet" href="../fonts/font-jt.css">
- <!-- 独有样式 -->
- <style>
- /* 内容容器样式 */
- .jt-error-content {
- height: 100%;
- width: 100;
- display: flex;
- flex-direction: column;
- padding-top: 100px;
- align-items: center;
- }
- /* 图标样式 */
- .jt-error-content>span {
- font-size: 60px;
- color: rgb(255, 0, 0);
- margin-bottom: 20px;
- }
- /* 文字样式 */
- .jt-error-content>div {
- font-size: 20px;
- color: rgb(203, 203, 203);
- }
- /* 按钮样式 */
- .jt-error-content>button {
- width: 100px;
- height: 34px;
- margin-top: 20px;
- background-color: rgba(117, 144, 244, 1);
- border: solid 1px rgba(255, 255, 255, 0.2);
- font-size: 16px;
- color: rgb(203, 203, 203);
- font-weight: bold;
- padding: 0px !important;
- }
- </style>
- </head>
- <body>
- <div class="jt-error-content">
- <span class="app-icon app-icon-error"></span>
- <div>页面运行异常,请联系管理员</div>
- <button onclick="gotoBack()">关闭</button>
- </div>
- </body>
- </html>
- <!-- 引入mui脚本 -->
- <script src="../js/mui.js"></script>
- <!-- 引入webview脚本 -->
- <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
- <!-- 独有脚本 -->
- <script type="text/javascript">
- /* mui初始化 */
- mui.init();
- /* 初始化 */
- mui.plusReady(function() {
- var wv = plus.webview.currentWebview();
- wv.setStyle({
- titleNView: {
- titletext: '运行异常',
- autoBackButton: false,
- }
- });
- });
- function gotoBack() {
- plus.webview.currentWebview().close()
- }
- </script>
|