|
|
@@ -5,6 +5,7 @@
|
|
|
<Teleport to="body">
|
|
|
<div class="home-menu-layer" :style="menuLayerStyle">
|
|
|
<BottomSider />
|
|
|
+ <RightPositionBar :top="44" />
|
|
|
</div>
|
|
|
</Teleport>
|
|
|
</div>
|
|
|
@@ -14,6 +15,7 @@
|
|
|
import { computed, onMounted, ref } from 'vue';
|
|
|
import AiAssistantModal from '/@/views/ventAI/manageAssistent/components/AiAssistantModal.vue';
|
|
|
import BottomSider from '/@/layouts/default/sider/bottomSideder.vue';
|
|
|
+ import RightPositionBar from '/@/layouts/default/header/components/rightPositionBar.vue';
|
|
|
import { useAppStore } from '/@/store/modules/app';
|
|
|
|
|
|
const visible = ref(false);
|
|
|
@@ -24,9 +26,9 @@
|
|
|
visible.value = true;
|
|
|
});
|
|
|
|
|
|
- // BottomSider 的 z-index 被 #adaptive-container 的 transform 层叠上下文锁住,
|
|
|
- // 无法盖过挂在 body 层的全屏 AI 弹框;将其 teleport 到 body,
|
|
|
- // 并用与容器一致的尺寸+缩放复刻坐标系,使菜单正常显示在弹框之上
|
|
|
+ // 布局层被 #adaptive-container 的 transform 层叠上下文锁住,
|
|
|
+ // 无法盖过挂在 body 层的全屏 AI 弹框;将菜单和右上操作栏 teleport 到 body,
|
|
|
+ // 并用与容器一致的尺寸+缩放复刻坐标系,使其显示在弹框之上
|
|
|
const menuLayerStyle = computed(() => {
|
|
|
const container = document.getElementById('adaptive-container');
|
|
|
return {
|