500页面样式调整

This commit is contained in:
xiaoxiaoqiong 2021-11-26 09:49:13 +08:00
parent 72553dec57
commit 7ebd8681fa
1 changed files with 21 additions and 10 deletions

View File

@ -52,12 +52,10 @@
text-align: center !important;
}
.newTable{
padding-top: 120px;
background-color: #F0F5FF;
position: relative;
height: 100vh;
text-align: center;
box-sizing: border-box;
}
.newMargin{
position: absolute;
@ -65,6 +63,17 @@
bottom: 0;
width: 100%;
}
.mainImg {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 10;
}
</style>
<script type="text/javascript">
$(function(){
@ -82,14 +91,16 @@
If you continue to experience problems please contact your Trustie administrator for assistance.</p>
<p>If you are the Trustie administrator, check your log files for details about the error.</p> -->
<div class="newTable clearfix">
<img src="images/warn/pic_500.jpg">
<div class="font-16 mt56" style="text-align: center;">
<p>服务器异常,请稍后重试</p>
您可尝试<a href="javascript:location.reload();" class="color-blue">刷新页面</a><a href="/explore"
class="color-blue">返回首页</a>,也可以通过
<a target="_blank"
href="https://qm.qq.com/cgi-bin/qm/qr?k=YVGUhY7uK8ovpyd7tG_lHe2qGZ63LOij&jump_from=webapi"
class="color-blue">QQ</a>向我们反馈
<div class="mainImg">
<img src="images/warn/pic_500.jpg" width="639px"/>
<div class="font-16 mt56" style="text-align: center;">
<p>服务器异常,请稍后重试</p>
您可尝试<a href="javascript:location.reload();" class="color-blue">刷新页面</a><a href="/explore"
class="color-blue">返回首页</a>,也可以通过
<a target="_blank"
href="https://qm.qq.com/cgi-bin/qm/qr?k=YVGUhY7uK8ovpyd7tG_lHe2qGZ63LOij&jump_from=webapi"
class="color-blue">QQ</a>向我们反馈
</div>
</div>
<div class="newMargin">
<img src="images/warn/pic_bg.png" width="100%" height="292px"/>