From 9a5d07d92533f46f425daeceb89b7039f7984a5a Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期四, 22 四月 2021 08:59:06 +0800 Subject: [PATCH] # --- src/main/webapp/static/css/loader.css | 59 +++++++++++++++++++++++++++++ src/main/webapp/views/index.html | 16 +++++++ src/main/resources/application.yml | 2 3 files changed, 75 insertions(+), 2 deletions(-) diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml index c306db6..644cd0e 100644 --- a/src/main/resources/application.yml +++ b/src/main/resources/application.yml @@ -14,7 +14,7 @@ # password: xltys1995 # sql-server driver-class-name: com.microsoft.sqlserver.jdbc.SQLServerDriver - url: jdbc:sqlserver://192.168.110.56:1433;databasename=htasrs + url: jdbc:sqlserver://localhost:1433;databasename=htasrs username: sa password: sa@123 mvc: diff --git a/src/main/webapp/static/css/loader.css b/src/main/webapp/static/css/loader.css new file mode 100644 index 0000000..6990738 --- /dev/null +++ b/src/main/webapp/static/css/loader.css @@ -0,0 +1,59 @@ +/**鍒濆鍖栧姞杞藉眰*/ +.layuimini-loader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #ffffff; + z-index: 999999; +} + +.layuimini-loader .layuimini-loader-inner { + display: block; + position: relative; + left: 50%; + top: 50%; + width: 150px; + height: 150px; + margin: -75px 0 0 -75px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #1E9FFF; + animation: spin 2s linear infinite; +} + +.layuimini-loader .layuimini-loader-inner:before { + content: ""; + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #1E9FFF; + animation: spin 3s linear infinite; +} + +.layuimini-loader .layuimini-loader-inner:after { + content: ""; + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #1E9FFF; + animation: spin 1.5s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(1turn); + } +} diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 7caef3d..b602645 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -9,6 +9,7 @@ <link rel="icon" type="image/x-icon" href="../static/image/logo1.png" /> <link rel="stylesheet" href="../static/layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../static/layuiadmin/style/admin.css" media="all"> + <link rel="stylesheet" href="../static/css/loader.css" media="all"> <style> .layui-layout-admin .layui-footer { box-sizing: border-box; @@ -141,11 +142,24 @@ </div> </div> + <!--鍒濆鍖栧姞杞藉眰--> + <div class="layuimini-loader"> + <div class="layuimini-loader-inner"></div> + </div> + + <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="../static/js/common.js"></script> <script src="../static/layuiadmin/layui/layui.js"></script> <script> - layui.config({ + + + // 鍔犺浇鍔ㄧ敾 + setTimeout(function () { + $('.layuimini-loader').fadeOut(); + }, 300) + + layui.config({ base: '../static/layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰� }).extend({ index: 'lib/index' //涓诲叆鍙fā鍧� -- Gitblit v1.9.1