|
|
@@ -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"> </p>-->
|
|
|
+<!-- <p class="text-white"> </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>
|