新增错误页面

suyar · Feb 23, 2018 · ac99230 · ac99230
1 parent f841a78
commit ac99230
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 3 deletions.
diff --git a/html/error.html b/html/error.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>错误</title>
+    <link rel="stylesheet" href="/static/layui/css/layui.css">
+    <link rel="stylesheet" href="/static/css/admin.css">
+</head>
+<body>
+    <div class="layui-fluid">
+        <div class="lying-tips">
+            <i class="layui-icon">&#x1007;</i>
+            <div class="layui-text">好像出错了呢</div>
+        </div>
+    </div>
+</body>
+<script src="/static/layui/layui.js"></script>
+<script>
+    layui.config({base: '/static/js/'}).use(['admin', 'code'], function() {
+        layui.code({
+            about: false,
+            encode: true
+        });
+    });
+</script>
+</html>
diff --git a/index.html b/index.html
@@ -55,9 +55,9 @@
                     </a>
                     <dl class="lying-nav-child">
                         <dd>
-                            <a href="javascript:;" lying-src="">
-                                <div class="lying-nav-icon"><i class="layui-icon">&#xe62c;</i></div>
-                                <span class="lying-nav-title">统计图表</span>
+                            <a href="javascript:;" lying-src="/html/error.html">
+                                <div class="lying-nav-icon"><i class="layui-icon">&#xe69c;</i></div>
+                                <span class="lying-nav-title">错误页面</span>
                             </a>
                         </dd>
                         <dd>

diff --git a/static/css/admin.css b/static/css/admin.css
@@ -158,4 +158,21 @@ body {
 .lying-text p {
     margin-bottom: 10px;
     text-indent: 2em;
+}
+/*错误*/
+.lying-tips {
+    margin-top: 50px;
+    text-align: center;
+}
+.lying-tips .layui-icon {
+    display: inline-block;
+    font-size: 300px;
+    color: #393D49;
+}
+.lying-tips .layui-text {
+    width: 500px;
+    margin: 30px auto;
+    padding-top: 20px;
+    border-top: 5px solid #009688;
+    font-size: 20px;
 }