Skip to content

V
Vue_Mobile_R6_Res
切换分支/标签
查找文件
Normal viewHistoryPermalink
502.html 2.1 KB
编辑Web IDE
Newer Older
yanshaowei's avatar
init
100040a9
 
yanshaowei committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 
<!DOCTYPE html>
<html lang="cn" style="overflow: hidden;">

<head>
	<title>502  无响应</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="502" />
	<style>
		.error-page {
    		    display: flex;
   		     justify-content: center;
   		    align-items: center;
   		    width: 100%;
      		    height: 100vh;
    		    text-align: center;
    		}
    		.info_num {
    		    color: #26a2ff;
    		    font-size: 3.4em;
    		    font-weight: 400;
    		    line-height: 2.3em;
    		    position: relative;
    		    left: -0.3em;
    		}
    		.info_error {
    		    color: #26a2ff;
    		    font-size: 1.7em;
    		}
    		.error_text {
    		    color: #939191;
    		}
    		.error_line {
    		    margin: 0 auto;
    		    margin-bottom: 1.7em;
    		}
    		.backHome {
    		    background: #26a2ff;
    		    padding: 0.8em 4.5em;
    		    color: white;
    		    border-radius: 4px;
    		    margin-bottom: 0.6em;
    		    text-decoration: none;
    		}
    		.error-header{
    		    display: flex;
     		   justify-content: center;
    		}
    		.error-img-box{
     		   width: 50%;
    
    		}
    		.error-img{
     		   width: 100%;
    		}
    		.error-header-text{
    		    font-size: 1.5em;
    		    color: #939191;
    		    position: relative;
      		  top: -0.3em;
    		}

	</style>
</head>

<body>
<div class="error-page">
    <div class="error-box">
      <div class="error_line">
        <div class="error-header">
            <div class="error-img-box"> <img  class="error-img" src="./images/errorImg.png" alt=""></div>
            <div class="info_num">502</div>
        </div>
        
        <div class="info_error">Bad Gateway</div>
      </div>
      <div class="error_line">
        <div class="error_text">对不起，您访问的页面无响应</div>
      </div>
      <div class="error_line">
      <a class="backHome" href="/#/" >返回首页</a>
      </div>
    </div>
  </div>
</body>
</html>