From f77090c81b59723f38d1ae48a03c6d75e57cc649 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 10 十月 2023 10:49:41 +0800
Subject: [PATCH] 修改页面
---
src/main/resources/templates/login.html | 73 +++++++++++++++++++++---------------
1 files changed, 42 insertions(+), 31 deletions(-)
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
index 68a6719..1aae5f1 100644
--- a/src/main/resources/templates/login.html
+++ b/src/main/resources/templates/login.html
@@ -6,6 +6,7 @@
<title>登录系统</title>
<meta name="description" content="后台管理框架">
<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
+<!-- <link href="../static/css/stats.css" th:href="@{/css/stats.css}" rel="stylesheet"/>-->
<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
@@ -54,12 +55,17 @@
body.signin {
background:none;
}
+
h1{
text-align: center;
margin-top:8%;
font-weight: 500;
font-size:36px;
}
+ canvas {
+ display: block;
+ vertical-align: bottom;
+ }
</style>
<script>
if (window.top !== window.self) {
@@ -69,33 +75,18 @@
;
</script>
</head>
+<!-- count particles -->
<!-- particles.js container -->
-<div id="particles-js" style="display: flex;align-items: center;justify-content: center;z-index:-1;">
- <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
-</div>
+<!--<div id="particles-js"></div>-->
+<!-- particles.js container -->
+<!--<div id="particles-js" style="display: flex;align-items: center;justify-content: center;z-index:-1;">-->
+<!-- <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>-->
+<!--</div>-->
<body class="signin">
- <h1>新疆国泰新华矿业股份有限公司双重预防系统</h1>
-<div class="signinpanel">
- <!-- <div class="col-sm-7">-->
- <!-- <div class="signin-info">-->
- <!-- <div class="logopanel m-b">-->
- <!--<!– <h1><img alt="[ ]" src="../static/ruoyi.png" th:src="@{/ruoyi.png}"></h1>–>-->
- <!-- </div>-->
- <!-- <div class="m-b"></div>-->
- <!--<!– <h4>欢迎使用 <strong> 国泰新华后台管理系统</strong></h4>–>-->
- <!-- <ul class="m-b">-->
- <!--<!– <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> </li>–>-->
- <!--<!– <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> </li>–>-->
- <!--<!– <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> </li>–>-->
- <!--<!– <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> </li>–>-->
- <!--<!– <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> </li>–>-->
- <!-- </ul>-->
- <!--<!– <strong th:if="${@config.getKey('sys.account.registerUser')}">还没有账号？ <a th:href="@{/register}">立即注册»</a></strong>–>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="col-sm-5" >-->
- <form id="signupForm" autocomplete="off" style="background: rgb(255, 255, 255);">
- <h4 class="no-margins">登录：</h4>
+ <h1 style="font-size:56px;color: #04e6dd;text-shadow:3px 3px 1px #073155;font-weight: bolder;letter-spacing: 10px">智能安全双重预防系统</h1>
+ <div class="signinpanel">
+ <form id="signupForm" autocomplete="off" style="background: rgb(0, 34, 67, .6);">
+ <h4 class="no-margins" style="text-align: center;font-size: 2vh">登录</h4>
<!-- <p class="m-t-md">国科鸿宇</p>-->
<input type="text" name="username" class="form-control uname" placeholder="登录名"/>
<input type="password" name="password" class="form-control pword" placeholder="密码"/>
@@ -114,17 +105,12 @@
</div>
<button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
</form>
- <!-- </div>-->
-
-</div>
+ </div>
<div class="copright">
技术支持：苏州国科鸿宇科技有限公司
</div>
<!-- scripts -->
-<script src="../static/js/login.js"></script>
-<script src="../static/js/loginApp.js"></script>
-
<script th:inline="javascript"> var ctx = [[@{
/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
@@ -139,5 +125,30 @@
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.2.0}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
+<script src="../static/js/login.js" th:src="@{/js/loginApp.js}"></script>
+<script src="../static/js/stats.js" th:src="@{/js/stats.js}"></script>
+<script src="../static/js/stats.js" th:src="@{/js/stats.js}"></script>
+<!--<script src="../static/js/particles.min.js" th:src="@{/js/particles.min.js}"></script>-->
+<script src="../static/js/app.js" th:src="@{/js/app.js}"></script>
+<!-- <script src="../static/js/loginApp.js" th:src="@{/js/login.js}"></script>-->
+ <script>
+ var count_particles, stats, update;
+ stats = new Stats;
+ stats.setMode(0);
+ stats.domElement.style.position = 'absolute';
+ stats.domElement.style.left = '0px';
+ stats.domElement.style.top = '0px';
+ document.body.appendChild(stats.domElement);
+ count_particles = document.querySelector('.js-count-particles');
+ update = function() {
+ stats.begin();
+ stats.end();
+ if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
+ count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
+ }
+ requestAnimationFrame(update);
+ };
+ requestAnimationFrame(update);
+ </script>
</body>
</html>
--
Gitblit v1.9.2