d27e6bc0c5
- 新增 fullLive 全局状态管理直播间的全屏状态 - 修改 AppHeader组件，根据 fullLive 状态控制返回按钮的显示 - 更新 default 布局，根据 fullLive 状态控制 AppFooter 的显示- 调整 LiveRoom组件，支持全屏模式下的布局变化 - 修改 home 页面，实现直播间全屏和列表之间的切换
13 lines
340 B
Vue
13 lines
340 B
Vue
<template>
|
|
<main class="flex flex-col min-h-svh">
|
|
<AppHeader class="h-[var(--van-nav-bar-height)]" />
|
|
<div class="flex-1 flex flex-col">
|
|
<slot />
|
|
</div>
|
|
<AppFooter v-if="!fullLive" />
|
|
</main>
|
|
</template>
|
|
<script setup >
|
|
import { homeStore } from "@/stores/home/index.js";
|
|
const { fullLive } = homeStore()
|
|
</script> |