首页 发现 帮助
注册 登录
wilson.silva
/
AdminLte
镜像自地址 https://github.com/almasaeed2010/AdminLTE
1
0
派生 0
文件 工单管理 0 Wiki
浏览代码

Preloader Added

Daniel 4 年之前
父节点
469faf3ed5
当前提交
6fb29e917a
共有 4 个文件被更改，包括 28 次插入 和 0 次删除
合并视图 显示文件统计
  1. 8 0
      build/js/Layout.js
  2. 14 0
      build/scss/_layout.scss
  3. 1 0
      build/scss/_variables.scss
  4. 5 0
      index.html

+ 8 - 0
build/js/Layout.js
查看文件 

@@ -26,6 +26,7 @@ const SELECTOR_FOOTER = '.main-footer'
 
 const SELECTOR_PUSHMENU_BTN = '[data-widget="pushmenu"]'
 
 const SELECTOR_PUSHMENU_BTN = '[data-widget="pushmenu"]'
 
 const SELECTOR_LOGIN_BOX = '.login-box'
 
 const SELECTOR_LOGIN_BOX = '.login-box'
 
 const SELECTOR_REGISTER_BOX = '.register-box'
 
 const SELECTOR_REGISTER_BOX = '.register-box'
 
+const SELECTOR_PRELOADER = '.preloader'
 
 
 
 const CLASS_NAME_SIDEBAR_COLLAPSED = 'sidebar-collapse'
 
 const CLASS_NAME_SIDEBAR_COLLAPSED = 'sidebar-collapse'
 
 const CLASS_NAME_SIDEBAR_FOCUSED = 'sidebar-focused'
 
 const CLASS_NAME_SIDEBAR_FOCUSED = 'sidebar-focused'
 
@@ -173,6 +174,13 @@ class Layout {
 
     setTimeout(() => {
 
     setTimeout(() => {
 
       $('body.hold-transition').removeClass('hold-transition')
 
       $('body.hold-transition').removeClass('hold-transition')
 
     }, 50)
 
     }, 50)
 
+    const $preloader = $(SELECTOR_PRELOADER)
 
+    if ($preloader) {
 
+      $preloader.css('height', 0)
 
+      setTimeout(() => {
 
+        $preloader.children().hide()
 
+      }, 200)
 
+    }
 
   }
 
   }
 
 
 
   _max(numbers) {
 
   _max(numbers) {

+ 14 - 0
build/scss/_layout.scss
查看文件 

@@ -12,6 +12,20 @@ body,
 
   min-height: 100%;
 
   min-height: 100%;
 
 }
 
 }
 
 
 
+.preloader {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background-color: $main-bg;
 
+  height: 100vh;
 
+  width: 100%;
 
+  transition: height 200ms linear;
 
+  position: fixed;
 
+  left: 0;
 
+  top: 0;
 
+  z-index: $zindex-preloader;
 
+}
 
+
 
 .wrapper {
 
 .wrapper {
 
   position: relative;
 
   position: relative;

+ 1 - 0
build/scss/_variables.scss
查看文件 

@@ -170,6 +170,7 @@ $zindex-main-sidebar: $zindex-fixed + 8 !default;
 
 $zindex-main-footer: $zindex-fixed + 2 !default;
 
 $zindex-main-footer: $zindex-fixed + 2 !default;
 
 $zindex-control-sidebar: $zindex-fixed + 1 !default;
 
 $zindex-control-sidebar: $zindex-fixed + 1 !default;
 
 $zindex-toasts: $zindex-main-sidebar + 2 !default;
 
 $zindex-toasts: $zindex-main-sidebar + 2 !default;
 
+$zindex-preloader: 9999 !default;
 
 
 
 // TRANSITIONS SETTINGS
 
 // TRANSITIONS SETTINGS
 
 // --------------------------------------------------------
 
 // --------------------------------------------------------

+ 5 - 0
index.html
查看文件 

@@ -29,6 +29,11 @@
 
 <body class="hold-transition sidebar-mini layout-fixed">
 
 <body class="hold-transition sidebar-mini layout-fixed">
 
 <div class="wrapper">
 
 <div class="wrapper">
 
 
 
+  <!-- Preloader -->
 
+  <div class="preloader">
 
+    <img src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60">
 
+  </div>
 
+
 
   <!-- Navbar -->
 
   <!-- Navbar -->
 
   <nav class="main-header navbar navbar-expand navbar-white navbar-light">
 
   <nav class="main-header navbar navbar-expand navbar-white navbar-light">
 
     <!-- Left navbar links -->
 
     <!-- Left navbar links -->