perf: the existing tab switching no longer displays animation and processbar

This commit is contained in:
vben
2020-10-11 11:11:05 +08:00
parent 526e6ce22b
commit e9536b5b7c
6 changed files with 8 additions and 13 deletions

View File

@@ -202,11 +202,8 @@ yarn clean:lib # 删除node_modules兼容window系统
- [x] 页面加载 loading - [x] 页面加载 loading
- [x] 滚动条组件 - [x] 滚动条组件
- [x] 弹窗扩展(可拖拽,全屏,自适应高度) - [x] 弹窗扩展(可拖拽,全屏,自适应高度)
- [x] 全屏
- [x] 模拟数据 - [x] 模拟数据
- [x] 剪贴板封装
- [x] hook 封装 - [x] hook 封装
- [x] 项目可配置
- [x] 表单组件 - [x] 表单组件
- [x] 右键菜单 - [x] 右键菜单
- [x] 水印插件 - [x] 水印插件
@@ -214,12 +211,10 @@ yarn clean:lib # 删除node_modules兼容window系统
- [x] 二维码插件 - [x] 二维码插件
- [x] 国际化插件 - [x] 国际化插件
- [x] 详情组件 - [x] 详情组件
- [x] 验证码/验证组件 - [x] 验证组件
- [x] 树组件 - [x] 树组件
- [x] 兼容最新`vuex`,`vue-router`
- [x] 图片预览组件 - [x] 图片预览组件
- [x] 表格组件 - [x] 表格组件
- [x] 可编辑表格
## 正在开发的功能 ## 正在开发的功能

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -9,7 +9,7 @@
@header-height: 42px; @header-height: 42px;
// logo width // logo width
@logo-width: 32px; @logo-width: 40px;
// //
@sider-drag-z-index: 200; @sider-drag-z-index: 200;

View File

@@ -7,12 +7,15 @@ import { createProgressGuard } from './progressGuard';
import { createPermissionGuard } from './permissionGuard'; import { createPermissionGuard } from './permissionGuard';
import { createPageLoadingGuard } from './pageLoadingGuard'; import { createPageLoadingGuard } from './pageLoadingGuard';
import { useSetting } from '/@/hooks/core/useSetting'; import { useSetting } from '/@/hooks/core/useSetting';
import { getIsOpenTab } from '/@/utils/helper/routeHelper';
const { projectSetting } = useSetting(); const { projectSetting } = useSetting();
export function createGuard(router: Router) { export function createGuard(router: Router) {
const axiosCanceler = new AxiosCanceler(); const axiosCanceler = new AxiosCanceler();
router.beforeEach(async () => { router.beforeEach(async (to) => {
const isOpen = getIsOpenTab(to.path);
to.meta.inTab = isOpen;
try { try {
Modal.destroyAll(); Modal.destroyAll();
notification.destroy(); notification.destroy();

View File

@@ -2,16 +2,13 @@ import type { Router } from 'vue-router';
import NProgress from 'nprogress'; import NProgress from 'nprogress';
import 'nprogress/nprogress.css'; import 'nprogress/nprogress.css';
import { getIsOpenTab } from '/@/utils/helper/routeHelper';
export function createProgressGuard(router: Router) { export function createProgressGuard(router: Router) {
// NProgress.inc(0.1); // NProgress.inc(0.1);
// NProgress.configure({ easing: 'ease', speed: 200, showSpinner: false }); // NProgress.configure({ easing: 'ease', speed: 200, showSpinner: false });
router.beforeEach(async (to) => { router.beforeEach(async (to) => {
const isOpen = getIsOpenTab(to.path); !to.meta.inTab && NProgress.start();
to.meta.inTab = isOpen;
!isOpen && NProgress.start();
return true; return true;
}); });
router.afterEach(async (to) => { router.afterEach(async (to) => {

View File

@@ -173,7 +173,7 @@
img { img {
display: inline-block; display: inline-block;
width: 48px; width: 80px;
} }
h1 { h1 {