feat(projects): 添加multiTab标签页

This commit is contained in:
Soybean
2021-09-17 08:31:49 +08:00
parent 789855a378
commit eec0b36f59
14 changed files with 130 additions and 37 deletions

View File

@ -47,8 +47,10 @@ const appStore = defineStore({
toggleMenu() {
this.menu.collapsed = !this.menu.collapsed;
},
/** 初始化多tab的数据 */
initMultiTab() {},
/** 添加多tab的数据 */
addMultiTab(route: RouteLocationNormalizedLoaded) {
this.multiTab.routes.push(route);
},
/** 打开配置抽屉 */
openSettingDrawer() {
this.settingDrawer.visible = true;

View File

@ -85,15 +85,17 @@ const themeStore = defineStore({
this.menuStyle.mixWidth = width;
}
},
/** 更改头部的高度(不包含tab标签) */
/** 更改头部的高度 */
handleHeaderHeight(height: number | null) {
if (height !== null) {
this.headerStyle.height = height;
}
},
/** 固定头部 */
handleFixedHeader(isFixed: boolean) {
this.headerStyle.fixed = isFixed;
/** 更改Tab标签的高度 */
handleMultiTabHeight(height: number | null) {
if (height !== null) {
this.multiTabStyle.height = height;
}
},
/** 设置多标签的显示 */
handleMultiTabVisible(visible: boolean) {
@ -116,6 +118,10 @@ const themeStore = defineStore({
if (this.pageStyle.animate) {
this.pageStyle.animateType = animateType;
}
},
/** 固定头部 */
handleFixedHeaderAndTab(isFixed: boolean) {
this.fixedHeaderAndTab = isFixed;
}
}
});