提交 e9536b5b 作者: vben

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

上级 526e6ce2
...@@ -202,11 +202,8 @@ yarn clean:lib # 删除node_modules,兼容window系统 ...@@ -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系统 ...@@ -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] 可编辑表格
## 正在开发的功能 ## 正在开发的功能
......
src/assets/images/logo.png

3.9 KB | W: | H:

src/assets/images/logo.png

14.3 KB | W: | H:

src/assets/images/logo.png
src/assets/images/logo.png
src/assets/images/logo.png
src/assets/images/logo.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -9,7 +9,7 @@ ...@@ -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;
......
...@@ -7,12 +7,15 @@ import { createProgressGuard } from './progressGuard'; ...@@ -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();
......
...@@ -2,16 +2,13 @@ import type { Router } from 'vue-router'; ...@@ -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) => {
......
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
img { img {
display: inline-block; display: inline-block;
width: 48px; width: 80px;
} }
h1 { h1 {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论