From 56c84cd7fb04407536eb0135162313029828a81f Mon Sep 17 00:00:00 2001 From: 16639036659 <577530412@qq.com> Date: 星期一, 11 十二月 2023 10:14: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