From 70da263bd0a8d8ff699ce75027c86ed947f53b52 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 27 六月 2020 09:41:08 +0800
Subject: [PATCH] #
---
src/main/webapp/views/pda/login.html | 115 ++++++++++++++++++---------------------------------------
1 files changed, 36 insertions(+), 79 deletions(-)
diff --git a/src/main/webapp/views/pda/login.html b/src/main/webapp/views/pda/login.html
index 9d0ef64..4c6fccd 100644
--- a/src/main/webapp/views/pda/login.html
+++ b/src/main/webapp/views/pda/login.html
@@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
+ <meta name="viewport" content="user-scalable=0">
<title>绯荤粺鐧诲綍</title>
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
<script type="text/javascript" src="../../static/layui/layui.js"></script>
@@ -9,113 +10,69 @@
<style>
html{
height: 100%;
- }
- body.login-bg {
- color: #777;
- height: 100%;
- background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
- background-repeat: no-repeat;
- background-size: cover;
- background-position: top center;
+ overflow: hidden;
}
#login-wrapper {
box-sizing:border-box;
background: #fff;
- position: absolute;
- top: 45%;
- left: 50%;
- margin-top: -210px;
- margin-left: -220px;
- width: 440px;
- min-height: 420px;
- padding: 50px;
+ height: 100%;
+ padding: 100px 200px;
text-align: center;
- border-radius: 5px;
-
- transform-origin: 50% 50%;
- animation: loading 1s 0s forwards;
- transform: rotateX(0deg);
+ overflow: hidden;
}
- #login-wrapper h2 {
- font-size: 26px;
- margin-bottom: 30px;
+ #login-wrapper h1 {
+ font-size: xx-large;
+ font-weight: bolder;
+ margin-bottom: 80px;
+ letter-spacing: 5px;
+ transform:scale(2);
+ -webkit-transform:scale(2);
+ -moz-transform:scale(2);
}
- .layadmin-user-login-body .layui-form-item {
- margin-bottom: 20px;
+ .layui-form-item {
+ margin-bottom: 40px;
position: relative;
}
- .layadmin-user-login-body .layui-form-item .layui-input {
- height: 42px;
+ .layui-form-item .layui-input {
+ height: 100px;
padding-left: 40px;
- font-size: 16px;
- border: 1px solid #c8cccf;
+ font-size: xx-large;
+ border: 1px solid #939393;
color: inherit;
}
+
.login-submit {
- margin-top: 30px;
+ margin-top: 50px;
}
- .layadmin-user-login-icon {
- position: absolute;
- left: 1px;
- top: 1px;
- width: 38px;
- line-height: 40px;
- text-align: center;
- color: #B2B2B2;
- font-size: 18px;
- }
- .layui-btn-normal {
+ #login-button {
background-color: #0767aa;
- font-size: 20px;
+ /*width: 80%;*/
+ font-size: xx-large;
+ font-weight: bolder;
border-radius: 4px;
- height: 52px;
- }
- #code-box {
- position: relative;
- height: 42px;
- }
- #code-label {
- z-index: 999;
- }
- #code {
- position: absolute;
- left: 0;
- top: 0;
- display: inline-block;
- width: 60%;
- }
- #codeImg {
- border: 1px solid rgba(0,0,0,0.1);
- position: absolute;
- right: 5%;
- top: 0;
- width: 30%;
- height: 90%;
+ height: 100px;
}
</style>
</head>
-<body class="login-bg">
+<body>
<div id="login-wrapper">
<header>
- <h2>绯荤粺鐧诲綍</h2>
+ <h1>绯荤粺鐧诲綍</h1>
</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="璐﹀彿" autocomplete="off">
</div>
<div class="layui-form-item">
- <label class="layui-icon layui-icon-password layadmin-user-login-icon"></label>
- <input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="瀵嗙爜">
+ <input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="瀵嗙爜" autocomplete="off">
</div>
- <!--<div class="layui-form-item">-->
- <!--<input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-filter="remPwd" lay-skin="switch" lay-text="寮�鍚瘄鍏抽棴" title="璁颁綇瀵嗙爜" checked="checked">-->
- <!--<span style="vertical-align: middle;font-size: 15px">璁颁綇瀵嗙爜</span>-->
- <!--</div>-->
+<!-- <div class="layui-form-item" style="text-align: right;padding-left: 3px;">-->
+<!-- <input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-skin='primary' lay-filter="remPwd" title="璁颁綇瀵嗙爜" checked="checked">-->
+<!-- </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>
@@ -136,12 +93,12 @@
form.on('submit(login)', function (data) {
var mobile = $("#mobile").val();
if (mobile === "") {
- layer.msg("璇疯緭鍏ユ墜鏈哄彿", {offset: '150px'});
+ alert("璇疯緭鍏ユ墜鏈哄彿");
return;
}
var password = $("#password").val();
if (password === "") {
- layer.msg("璇疯緭鍏ュ瘑鐮�", {offset: '150px'});
+ alert("璇疯緭鍏ュ瘑鐮�");
return;
}
@@ -159,7 +116,7 @@
localStorage.setItem("username", res.data.username);
window.location.href = "index.html";
} else {
- layer.msg(res.msg, {offset: '150px'});
+ alert(res.msg);
}
}
});
--
Gitblit v1.9.1