1557492053 2 years ago
parent
commit
63d121e44b
3 changed files with 220 additions and 171 deletions
  1. 115 103
      app/admin/view/login/index.html
  2. BIN
      public/static/images/login-bg.jpg
  3. 105 68
      yuanzhongxiu.sql

+ 115 - 103
app/admin/view/login/index.html

@@ -1,119 +1,131 @@
 <!DOCTYPE html>
 <html lang="zh">
 <head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-  <title>登录页面 - 缘中秀后台管理</title>
-  {include file='common/_js_css'}
-  <script>
-  </script>
-  <style>
-    body {
-        display: -webkit-box;
-        display: flex;
-        -webkit-box-pack: center;
-        justify-content: center;
-        -webkit-box-align: center;
-        align-items: center;
-        height: 100%;
-    }
-    .login-box {
-        display: table;
-        table-layout: fixed;
-        overflow: hidden;
-        max-width: 700px;
-    }
-    .login-left {
-        display: table-cell;
-        position: relative;
-        margin-bottom: 0;
-        border-width: 0;
-        padding: 45px;
-    }
-    .login-left .form-group:last-child {
-        margin-bottom: 0px;
-    }
-    .login-right {
-        display: table-cell;
-        position: relative;
-        margin-bottom: 0;
-        border-width: 0;
-        padding: 45px;
-        width: 50%;
-        max-width: 50%;
-        background: #67b26f!important;
-        background: -moz-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
-        background: -webkit-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
-        background: linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1 )!important;
-    }
-    .login-box .has-feedback.feedback-left .form-control {
-        padding-left: 38px;
-        padding-right: 12px;
-    }
-    .login-box .has-feedback.feedback-left .form-control-feedback {
-        left: 0;
-        right: auto;
-        width: 38px;
-        height: 38px;
-        line-height: 38px;
-        z-index: 4;
-        color: #dcdcdc;
-    }
-    .login-box .has-feedback.feedback-left.row .form-control-feedback {
-        left: 15px;
-    }
-    @media (max-width: 576px) {
-      .login-right {
-          display: none;
-      }
-    }
-  </style>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
+    <title>登录页面 - 缘中秀后台管理</title>
+    {include file='common/_js_css'}
+    <script>
+    </script>
+    <style>
+        body {
+            display: -webkit-box;
+            display: flex;
+            -webkit-box-pack: center;
+            justify-content: center;
+            -webkit-box-align: center;
+            align-items: center;
+            height: 100%;
+        }
+
+        .login-box {
+            display: table;
+            table-layout: fixed;
+            overflow: hidden;
+            max-width: 700px;
+        }
+
+        .login-left {
+            display: table-cell;
+            position: relative;
+            margin-bottom: 0;
+            border-width: 0;
+            padding: 45px;
+        }
+
+        .login-left .form-group:last-child {
+            margin-bottom: 0px;
+        }
+
+        .login-right {
+            display: table-cell;
+            position: relative;
+            margin-bottom: 0;
+            border-width: 0;
+            padding: 45px;
+            width: 50%;
+            max-width: 50%;
+            /*background: #67b26f !important;*/
+            /*background: -moz-linear-gradient(45deg, #67b26f 0, #4ca2cd 100%) !important;*/
+            /*background: -webkit-linear-gradient(45deg, #67b26f 0, #4ca2cd 100%) !important;*/
+            /*background: linear-gradient(45deg, #67b26f 0, #4ca2cd 100%) !important;*/
+            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1) !important;
+        }
+
+        .login-box .has-feedback.feedback-left .form-control {
+            padding-left: 38px;
+            padding-right: 12px;
+        }
+
+        .login-box .has-feedback.feedback-left .form-control-feedback {
+            left: 0;
+            right: auto;
+            width: 38px;
+            height: 38px;
+            line-height: 38px;
+            z-index: 4;
+            color: #dcdcdc;
+        }
+
+        .login-box .has-feedback.feedback-left.row .form-control-feedback {
+            left: 15px;
+        }
+
+        @media (max-width: 576px) {
+            .login-right {
+                display: none;
+                background-image: url(__IMG__/login-bg.jpg);
+                background-size: cover;
+            }
+        }
+    </style>
 </head>
 <body style="background-image: url(__IMG__/login-bg-2.jpg); background-size: cover;">
 
 <div class="bg-translucent p-10">
-  <div class="login-box bg-white clearfix">
-    <div class="login-left">
-      <form class="layui-form" method="POST">
-        <div class="form-group has-feedback feedback-left">
-          <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
-          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
-        </div>
-        <div class="form-group has-feedback feedback-left">
-          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
-          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
+    <div class="login-box bg-white clearfix">
+        <div class="login-left">
+            <form class="layui-form" method="POST">
+                <div class="form-group has-feedback feedback-left">
+                    <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username"/>
+                    <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
+                </div>
+                <div class="form-group has-feedback feedback-left">
+                    <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password"/>
+                    <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
+                </div>
+                <div class="form-group">
+                    <button class="btn btn-block btn-primary layui-btn" lay-submit lay-filter="login" type="button"
+                            style="width:100%;">立即提交
+                    </button>
+                </div>
+            </form>
         </div>
-        <div class="form-group">
-          <button class="btn btn-block btn-primary layui-btn" lay-submit lay-filter="login" type="button" style="width:100%;">立即提交</button>
-        </div>
-      </form>
-    </div>
-    <div class="login-right">
-      <p class="text-white m-tb-15">缘中秀后台 是一个基于Bootstrap v3.3.7的后台管理系统开发。</p>
-      <p class="text-white">Copyright © 2020 <a href="#">铭迅网络科技</a>. All right reserved</p>
+        <div class="login-right" style="background-image: url(__IMG__/login-bg.jpg); background-size: cover; width: 350px; height: 100%">
+<!--        <p class="text-white m-tb-15">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
+<!--        <p class="text-white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
     </div>
-  </div>
+</div>
 </div>
 
 <script>
-  layui.use(['form','layer'], function(){
-    const form = layui.form;
-    const layer = layui.layer;
-    //提交
-    form.on('submit(login)', async function(data){
-      const body = data.field;
-      const response = await request(
-              '{:url("admin/login/login")}',
-              { "username": body.username, "password": body.password }
-      )
-      if(response.code !== 200) {
-        layer.msg(response.message);
-        return;
-      }
-      window.location.href="{:url('admin/index/index')}";
+    layui.use(['form', 'layer'], function () {
+        const form = layui.form;
+        const layer = layui.layer;
+        //提交
+        form.on('submit(login)', async function (data) {
+            const body = data.field;
+            const response = await request(
+                '{:url("admin/login/login")}',
+                {"username": body.username, "password": body.password}
+            )
+            if (response.code !== 200) {
+                layer.msg(response.message);
+                return;
+            }
+            window.location.href = "{:url('admin/index/index')}";
+        });
     });
-  });
 </script>
 </body>
 </html>

BIN
public/static/images/login-bg.jpg


File diff suppressed because it is too large
+ 105 - 68
yuanzhongxiu.sql