Skip to content

Q
qsl_web
Commit 2cd0947d by 邓丽
Options

404

parent 7a2131aa
Showing with 148 additions and 0 deletions
dist/css/index.css
......@@ -2070,3 +2070,54 @@ article.case section:after {
font-size: 16px;
font-weight: 400;
}
.error {
margin: 0 auto;
width: 1200px;
height: 800px;
overflow: hidden;
margin: 100px auto 0 auto;
text-align: center;
}
.error .errorItem {
margin: 0 auto;
width: 1200px;
height: auto;
overflow: hidden;
margin: 40px auto;
background: url(../img/error.png) 100% 100% no-repeat;
}
.error .errorItem h3 {
color: #979795;
font-size: 36px;
font-weight: bold;
line-height: 70px;
}
.error .errorItem p {
color: #1fd2af;
font-size: 190px;
}
.error .apply {
margin: 0 auto;
width: 1200px;
height: auto;
overflow: hidden;
margin: 80px auto 0 auto;
}
.error .apply a {
display: inline-block;
width: 170px;
height: 50px;
background: #1fd2af;
color: #fff;
outline: none;
border: 1px solid #1fd2af;
border-radius: 4px;
line-height: 50px;
font-size: 20px;
margin: 0 20px;
}
.error .apply a.prevPage {
border: 2px solid #e8e7e3;
color: #1fd2af;
background: #ffffff;
}
dist/html/error.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="screen-orientation" content="horizontal">
<meta content="telephone=no" name="format-detection" />
<meta name="keywords" content="企业肖像,企业产品,企业广告,会议跟拍,企业宣传,VR摄影,VR直播,全方位影像服务">
<meta name="description" content="企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<link href="logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/index.css">
</head>
<body style="background: #fff">
<article class="error">
<div class="errorItem">
<h3>很抱歉，你访问的页面不存在……</h3>
<p>404</p>
</div>
<div class="apply">
<a href="" class="indexPage">访问首页</a>
<a href="" class="prevPage">返回上一步</a>
</div>
</article>
</body>
</html>
src/img/error.png 0 → 100644
This diff is collapsed. Click to expand it.
src/less/index.less
......@@ -1055,4 +1055,40 @@ article.case {
}
}
}
}
.error{
.margin-auto(1200px,800px);
margin: 100px auto 0 auto;
text-align: center;
.errorItem{
.margin-auto(1200px,auto);
margin: 40px auto;
background: url(../img/error.png) 100% 100% no-repeat;
h3{
color: #979795;
font-size: 36px;
font-weight: bold;
line-height: 70px;
}
p{
color: #1fd2af;
font-size: 190px;
}
}
.apply{
.margin-auto(1200px,auto);
margin: 80px auto 0 auto;
a{
display: inline-block;
.button(170px,50px,#1fd2af,#fff);
line-height: 50px;
font-size: 20px;
margin: 0 20px;
}
a.prevPage{
border: 2px solid #e8e7e3;
color: #1fd2af;
background: #ffffff;
}
}
}
\ No newline at end of file
src/pages/error.ejs 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="screen-orientation" content="horizontal">
<meta content="telephone=no" name="format-detection" />
<meta name="keywords" content="企业肖像,企业产品,企业广告,会议跟拍,企业宣传,VR摄影,VR直播,全方位影像服务">
<meta name="description" content="企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<link href="logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/index.css">
</head>
<body style="background: #fff">
<article class="error">
<div class="errorItem">
<h3>很抱歉，你访问的页面不存在……</h3>
<p>404</p>
</div>
<div class="apply">
<a href="" class="indexPage">访问首页</a>
<a href="" class="prevPage">返回上一步</a>
</div>
</article>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment