perf(nprocess): remove nprocess css

vben
1 parent b107b528
Showing 3 changed files with 22 additions and 10 deletions
src/design/index.less
src/design/public.less
src/router/guard/progressGuard.ts
@@ -52,12 +52,6 @@ body {
   }
 }
  
-// remove the clear button of a text input control in IE10+
-input::-ms-clear,
-input::-ms-reveal {
-  display: none;
-}
-
 body {
   font-family: 'BlinkMacSystemFont,segoe ui,Microsoft YaHei,Arial,sans-serif,Helvetica Neue,Helvetica,Pingfang SC,Hiragino Sans GB,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji';
   font-style: normal;
@@ -24,3 +24,21 @@
 ::-webkit-scrollbar-thumb:hover {
   background: @border-color-dark;
 }
+
+// =================================
+// ==============nprogress==========
+// =================================
+#nprogress {
+  pointer-events: none;
+
+  .bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    width: 100%;
+    height: 2px;
+    background-color: @primary-color;
+    opacity: 0.75;
+  }
+}
@@ -2,8 +2,8 @@ import type { Router } from &#39;vue-router&#39;;
  
 import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
  
-import NProgress from 'nprogress';
-import 'nprogress/nprogress.css';
+import nProgress from 'nprogress';
+
 import { unref } from 'vue';
  
 const { getOpenNProgress } = useTransitionSetting();
@@ -11,13 +11,13 @@ const { getOpenNProgress } = useTransitionSetting();
 export function createProgressGuard(router: Router) {
   router.beforeEach(async (to) => {
     if (to.meta.loaded) return true;
-    unref(getOpenNProgress) && NProgress.start();
+    unref(getOpenNProgress) && nProgress.start();
     return true;
   });
  
   router.afterEach(async (to) => {
     if (to.meta.loaded) return true;
-    unref(getOpenNProgress) && NProgress.done();
+    unref(getOpenNProgress) && nProgress.done();
     return true;
   });
 }