From c4b6b51afdd3374735ed5f358457987eaa6e476f Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期五, 05 九月 2025 16:55:20 +0800
Subject: [PATCH] #
---
src/main/webapp/views/login.html | 120 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 63 insertions(+), 57 deletions(-)
diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index 37fa7c5..1e96509 100644
--- a/src/main/webapp/views/login.html
+++ b/src/main/webapp/views/login.html
@@ -4,6 +4,8 @@
<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/images/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>
@@ -13,8 +15,9 @@
body.login-bg {
color: #777;
height: 100%;
- background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);
- /*background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);*/
+ /*background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);*/
+ /*background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);*/
+ background-image: url("../static/images/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;*/
@@ -30,19 +33,21 @@
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;
}
@@ -71,7 +76,7 @@
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;
@@ -100,11 +105,11 @@
}
</style>
</head>
-<body class="login-bg">
+<body class="login-bg animsition">
-<div id="login-wrapper">
+<div id="login-wrapper" class="animate__animated animate__bounceInDown">
<header>
- <h2>WCS 绯荤粺鐧诲綍</h2>
+ <h2>RCS璋冨害绯荤粺V2.0</h2>
</header>
<div class="layui-form layadmin-user-login-body">
<div class="layui-form-item">
@@ -115,18 +120,18 @@
<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="瀵嗙爜">
</div>
- <div id="code-box" class="layui-form-item" style="">
- <label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label>
- <input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="楠岃瘉鐮�">
- <img id="codeImg" title="鐪嬩笉娓咃紵鐐瑰嚮鎹竴寮犮��">
- </div>
+<!-- <div id="code-box" class="layui-form-item" style="">-->
+<!-- <label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label>-->
+<!-- <input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="楠岃瘉鐮�">-->
+<!-- <img id="codeImg" title="鐪嬩笉娓咃紵鐐瑰嚮鎹竴寮犮��">-->
+<!-- </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>
<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>
@@ -135,39 +140,39 @@
<script type="text/javascript" src="../static/js/tools/md5.js"></script>
<script type="text/javascript">
- // 楠岃瘉鐮佸紑鍏�
- var codeSwitch = 'Y';
- $.ajax({
- url: baseUrl+"/code/switch.action",
- async: false,
- success: function (res) {
- if (res.data === 'N'){
- codeSwitch = res.data;
- $('#code-box').css("display", "none");
- }
- }
- });
+ // // 楠岃瘉鐮佸紑鍏�
+ // var codeSwitch = 'Y';
+ // $.ajax({
+ // url: baseUrl+"/code/switch.action",
+ // async: false,
+ // success: function (res) {
+ // if (res.data === 'N'){
+ // codeSwitch = res.data;
+ // $('#code-box').css("display", "none");
+ // }
+ // }
+ // });
- // 鍒濆鍖栭獙璇佺爜
- initCode();
- $('#codeImg').click(function () {
- initCode();
- });
- function initCode() {
- var random = Math.random();
- $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);
- setTimeout(function () {
- $.ajax({
- url: baseUrl+"/code.do",
- data: {sd: random},
- method: 'POST',
- async: false,
- success: function (code) {
- sessionStorage.setItem("code", code);
- }
- });
- }, 100);
- }
+ // // 鍒濆鍖栭獙璇佺爜
+ // initCode();
+ // $('#codeImg').click(function () {
+ // initCode();
+ // });
+ // function initCode() {
+ // var random = Math.random();
+ // $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);
+ // setTimeout(function () {
+ // $.ajax({
+ // url: baseUrl+"/code.do",
+ // data: {sd: random},
+ // method: 'POST',
+ // async: false,
+ // success: function (code) {
+ // sessionStorage.setItem("code", code);
+ // }
+ // });
+ // }, 100);
+ // }
layui.use(['form','layer'],function () {
var form = layui.form,
@@ -185,15 +190,15 @@
layer.msg("璇疯緭鍏ュ瘑鐮�", {offset: '150px'});
return;
}
- var code = $("#code").val();
- if (code === "" && codeSwitch === 'Y') {
- layer.msg("璇疯緭鍏ラ獙璇佺爜", {offset: '150px'});
- return;
- }
- if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){
- layer.msg("楠岃瘉鐮侀敊璇�", {offset: '150px'});
- return;
- }
+ // var code = $("#code").val();
+ // if (code === "" && codeSwitch === 'Y') {
+ // layer.msg("璇疯緭鍏ラ獙璇佺爜", {offset: '150px'});
+ // return;
+ // }
+ // if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){
+ // layer.msg("楠岃瘉鐮侀敊璇�", {offset: '150px'});
+ // return;
+ // }
var user = {
mobile: mobile,
@@ -224,4 +229,5 @@
});
</script>
+<script type></script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1