fix obs components display

This commit is contained in:
2025-03-18 19:58:54 +08:00
parent 300a38e851
commit eb43d88e44
22 changed files with 308 additions and 232 deletions

View File

@@ -7,17 +7,15 @@
<NLoadingBarProvider>
<Suspense>
<TempComponent>
<NLayoutContent style="height: 100%" v-if="layout != 'obs'">
<NElement>
<ViewerLayout v-if="layout == 'viewer'" />
<ManageLayout v-else-if="layout == 'manage'" />
<OpenLiveLayout v-else-if="layout == 'open-live'" />
<template v-else-if="layout == ''">
<RouterView />
</template>
</NElement>
</NLayoutContent>
<RouterView v-else />
<NElement>
<ViewerLayout v-if="layout == 'viewer'" />
<ManageLayout v-else-if="layout == 'manage'" />
<OpenLiveLayout v-else-if="layout == 'open-live'" />
<OBSLayout v-else-if="layout == 'obs'" />
<template v-else-if="layout == ''">
<RouterView />
</template>
</NElement>
</TempComponent>
<template #fallback>
<NSpin size="large" show />
@@ -50,6 +48,7 @@ import { useRoute } from 'vue-router'
import TempComponent from './components/TempComponent.vue'
import { theme } from './Utils'
import OpenLiveLayout from './views/OpenLiveLayout.vue'
import OBSLayout from './views/OBSLayout.vue'
const route = useRoute()