lilishop-uniapp/hybrid/html/error.html

95 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>服务器异常</title>
<script type="text/javascript" src="./js/webView.js"></script>
<script type="text/javascript">
// H5 plus事件处理
var ws = null;
function plusReady() {
// Android处理返回键
plus.key.addEventListener('backbutton', function() {
(history.length == 1) && ws.close();
var c = setTimeout(function() {
ws.close();
}, 1000);
window.onbeforeunload = function() {
clearTimeout(c);
}
history.go(-2);
}, false);
ws = plus.webview.currentWebview();
}
if (window.plus) {
plusReady();
} else {
document.addEventListener('plusready', plusReady, false);
}
document.addEventListener('touchstart', function() {
return false;
}, true);
// 禁止选择
document.oncontextmenu = function() {
return false;
};
</script>
<style>
html,
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.main {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 80px;
flex-direction: column;
}
.text {
font-size: 14px;
color: #999999;
}
img {
width: 150px;
height: 130px;
}
button {
border: 1px solid #1ABC9C;
border-radius: 2px;
background-color: #FFFFFF;
color: #1ABC9C;
width: 100px;
height: 30px;
margin-bottom: 30px;
outline: none;
}
.go-index {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="main">
<div class="text">服务器异常</div>
<button onclick="if(history.length == 1){ws.close();}else{ws.back();ws.back();}">点击刷新</button>
<button onclick="ws.close()">点击关闭</button>
<button onclick="plus.runtime.restart()">点击重启</button>
</div>
</div>
</body>
</html>