浏览代码

添加了后台测试代码

lyn 6 年之前
父节点
当前提交
ac7d5296d0
共有 3 个文件被更改,包括 84 次插入0 次删除
  1. 49 0
      BackSystem/css/login.css
  2. 35 0
      BackSystem/html/login.html
  3. 二进制
      BackSystem/img/h5.jpg

+ 49 - 0
BackSystem/css/login.css

@@ -0,0 +1,49 @@
+html,
+body {
+    height: 100%;
+}
+
+body {
+    display: -ms-flexbox;
+    display: -webkit-box;
+    display: flex;
+    -ms-flex-align: center;
+    -ms-flex-pack: center;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    background-color: #f5f5f5;
+}
+
+.form-signin {
+    width: 100%;
+    max-width: 330px;
+    padding: 15px;
+    margin: 0 auto;
+}
+.form-signin .checkbox {
+    font-weight: 400;
+}
+.form-signin .form-control {
+    position: relative;
+    box-sizing: border-box;
+    height: auto;
+    padding: 10px;
+    font-size: 16px;
+}
+.form-signin .form-control:focus {
+    z-index: 2;
+}
+.form-signin input[type="email"] {
+    margin-bottom: -1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.form-signin input[type="password"] {
+    margin-bottom: 10px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}

+ 35 - 0
BackSystem/html/login.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>请登录!</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="https://v4.bootcss.com/dist/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <link href="../css/login.css" rel="stylesheet">
+</head>
+
+<body class="text-center">
+<form class="form-signin">
+    <img class="mb-4" src="../img/h5.jpg" alt="" width="72" height="72">
+    <h1 class="h3 mb-3 font-weight-normal">请登入</h1>
+    <label for="inputEmail" class="sr-only">邮箱</label>
+    <input type="text" id="inputEmail" class="form-control" placeholder="邮箱地址" required autofocus>
+    <label for="inputPassword" class="sr-only">密码</label>
+    <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
+    <div class="checkbox mb-3">
+        <label>
+            <input type="checkbox" value="remember-me"> 记住我
+        </label>
+    </div>
+    <button class="btn btn-lg btn-primary btn-block" type="submit">登陆</button>
+    <p class="mt-5 mb-3 text-muted">&copy; 2019-2010</p>
+</form>
+</body>
+</html>

二进制
BackSystem/img/h5.jpg