From bf7f18b252078aa07b7df4a2b51a36e320663730 Mon Sep 17 00:00:00 2001
From: yxFwq <1>
Date: 星期四, 18 七月 2024 19:00:46 +0800
Subject: [PATCH] #
---
src/main/webapp/views/login.html | 39 ++++++++++++++++++++++++---------------
1 files changed, 24 insertions(+), 15 deletions(-)
diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index c7ed9e7..57329ed 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,10 +15,14 @@
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/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;*/
+ /*background-size: cover;*/
+ /*background-position: top center;*/
}
#login-wrapper {
@@ -27,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;
}
@@ -68,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;
@@ -97,16 +105,16 @@
}
</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>绯荤粺鐧诲綍</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>
@@ -123,7 +131,7 @@
<!--</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>
@@ -174,7 +182,7 @@
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();
@@ -221,4 +229,5 @@
});
</script>
+<script type></script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1