perf(nprocess): remove nprocess css

This commit is contained in:
vben 2021-01-27 21:20:21 +08:00
parent b107b52886
commit 733afddd19
3 changed files with 22 additions and 10 deletions

View File

@ -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;

View File

@ -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;
}
}

View File

@ -2,8 +2,8 @@ import type { Router } from 'vue-router';
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;
});
}