浏览代码

fix: 界面调整大小时切换布局,改为最大窗体宽度 > 当前宽度,不触发 layoutMobileResize 事件

许俊杰 2 年之前
父节点
当前提交
145231a68a
共有 1 个文件被更改,包括 8 次插入0 次删除
  1. 8 0
      Web/src/layout/index.vue

+ 8 - 0
Web/src/layout/index.vue

@@ -21,10 +21,18 @@ const layouts: any = {
 const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 
+// 20240117 最大窗体宽度
+let maxClientWidth = document.body.clientWidth;
+
 // 窗口大小改变时(适配移动端)
 const onLayoutResize = () => {
 	if (!Local.get('oldLayout')) Local.set('oldLayout', themeConfig.value.layout);
 	const clientWidth = document.body.clientWidth;
+
+	// 20240117 最大窗体宽度 > 当前宽度,不触发 layoutMobileResize 事件
+	if (maxClientWidth > clientWidth) return;
+	maxClientWidth = clientWidth;
+
 	if (clientWidth < 1000) {
 		themeConfig.value.isCollapse = false;
 		mittBus.emit('layoutMobileResize', {