修改DockLayout.vue:将浮动区域列表移动到主区域的内容区内显示

This commit is contained in:
zqm
2025-11-05 16:40:27 +08:00
parent cad92346f9
commit b44d94a25e

View File

@@ -1,5 +1,12 @@
<template> <template>
<div class="dock-layout" ref="dockLayoutRef"> <div class="dock-layout" ref="dockLayoutRef">
<!-- 主区域 -->
<Area
:WindowState="windowState"
:showTitleBar="false"
title="主区域"
:style="{ position: 'relative', zIndex: 1 }"
>
<!-- 浮动区域列表 --> <!-- 浮动区域列表 -->
<Area <Area
v-for="area in floatingAreas" v-for="area in floatingAreas"
@@ -48,14 +55,7 @@
/> />
</TabPage> </TabPage>
</Area> </Area>
</Area>
<!-- 主区域 -->
<Area
:WindowState="windowState"
:showTitleBar="false"
title="主区域"
:style="{ position: 'relative', zIndex: 1 }"
/>
</div> </div>
</template> </template>