| | |
| | | <meta charset="UTF-8"> |
| | | <title>系统登录</title> |
| | | <link rel="stylesheet" href="../static/layui/css/layui.css" media="all"> |
| | | <link rel="icon" type="image/x-icon" href="../static/image/wcs_logo.png" /> |
| | | <link rel="stylesheet" href="../static/css/animate.min.css"> |
| | | <script type="text/javascript" src="../static/layui/layui.js"></script> |
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
| | | <style> |
| | |
| | | body.login-bg { |
| | | color: #777; |
| | | height: 100%; |
| | | background-image: url("../static/image/login_bg.jpg"); |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | background-position: top center; |
| | | /*background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);*/ |
| | | /*background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);*/ |
| | | background-image: url("../static/image/login.png"); |
| | | /*background: -webkit-linear-gradient(red, blue); !* Safari 5.1 - 6.0 *!;*/ |
| | | /*background-image: url("../static/image/login_bg.jpg");*/ |
| | | /*background-repeat: no-repeat;*/ |
| | | /*background-size: cover;*/ |
| | | /*background-position: top center;*/ |
| | | } |
| | | |
| | | #login-wrapper { |
| | |
| | | left: 50%; |
| | | margin-top: -210px; |
| | | margin-left: -220px; |
| | | width: 440px; |
| | | min-height: 420px; |
| | | width: 400px; |
| | | min-height: 380px; |
| | | padding: 50px; |
| | | text-align: center; |
| | | border-radius: 5px; |
| | | |
| | | box-shadow: 0px 0px 10px rgb(168, 165, 165); |
| | | transform-origin: 50% 50%; |
| | | animation: loading 1s 0s forwards; |
| | | /*animation: loading 1s 0s forwards;*/ |
| | | transform: rotateX(0deg); |
| | | } |
| | | |
| | | #login-wrapper h2 { |
| | | color: rgba(64,158,255,0.9); |
| | | font-size: 26px; |
| | | font-weight: bold; |
| | | margin-bottom: 30px; |
| | | } |
| | | |
| | |
| | | font-size: 18px; |
| | | } |
| | | .layui-btn-normal { |
| | | background-color: #0767aa; |
| | | background-color: rgba(64,158,255,0.9); |
| | | font-size: 20px; |
| | | border-radius: 4px; |
| | | height: 52px; |
| | |
| | | </head> |
| | | <body class="login-bg"> |
| | | |
| | | <div id="login-wrapper"> |
| | | <div id="login-wrapper" class="animate__animated animate__bounceInDown"> |
| | | <header> |
| | | <h2>系统登录</h2> |
| | | <h2>WCS 系统登录</h2> |
| | | </header> |
| | | <div class="layui-form layadmin-user-login-body"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-icon layui-icon-cellphone layadmin-user-login-icon"></label> |
| | | <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="用户名"> |
| | | <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="账号"> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-icon layui-icon-password layadmin-user-login-icon"></label> |
| | |
| | | <!--</div>--> |
| | | </div> |
| | | <div class="layui-form-item login-submit"> |
| | | <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登 录</button> |
| | | <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登     录</button> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | form.on('submit(login)', function (data) { |
| | | var mobile = $("#mobile").val(); |
| | | if (mobile === "") { |
| | | layer.msg("请输入手机号", {offset: '150px'}); |
| | | layer.msg("请输入账号", {offset: '150px'}); |
| | | return; |
| | | } |
| | | var password = $("#password").val(); |