liveh5-nuxt/app/layouts/default.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">
      <keep-alive>
        <slot />
      </keep-alive>
    </div>
    <AppFooter  />
  </main>
</template>
<script setup >
import { goodStore } from "@/stores/goods/index.js";
const { fullLive } = goodStore()
</script>
项目初始化 2025-01-08 05:26:12 +00:00			`<template>`
			`<main class="flex flex-col min-h-svh">`
1 2025-01-10 08:45:18 +00:00			`<AppHeader class="h-[var(--van-nav-bar-height)]" />`
refactor(layouts): 优化默认布局结构 - 调整 default.vue 中的主容器样式，使其更加灵活 - 在 home/index.vue 和 profile/index.vue 中应用 flex 布局，提高页面结构的适应性 - 优化代码格式和缩进，提高可读性 2025-01-13 03:12:11 +00:00			`<div class="flex-1 flex flex-col">`
perf(layout): 使用 keep-alive优化页面性能 - 在 default.vue 文件中添加 keep-alive 组件，以提高页面渲染效率 - 此修改可以保留页面状态，减少重复渲染，提升用户体验 2025-01-21 04:00:40 +00:00			`<keep-alive>`
			`<slot />`
			`</keep-alive>`
项目初始化 2025-01-08 05:26:12 +00:00			`</div>`
refactor(layouts): 调整默认布局和直播室页面样式 - 移除 default.vue 中的 fullLive 条件判断- 优化 LiveRoom 页面布局- 更新 home store 中的 fullLive 默认值为 true -调整首页 changeLive 扩展样式 - 删除 specialMessage 组件 2025-01-15 04:00:19 +00:00			`<AppFooter />`
项目初始化 2025-01-08 05:26:12 +00:00			`</main>`
			`</template>`
feat(home): 实现首页直播间全屏功能 - 新增 fullLive 全局状态管理直播间的全屏状态 - 修改 AppHeader组件，根据 fullLive 状态控制返回按钮的显示 - 更新 default 布局，根据 fullLive 状态控制 AppFooter 的显示- 调整 LiveRoom组件，支持全屏模式下的布局变化 - 修改 home 页面，实现直播间全屏和列表之间的切换 2025-01-13 12:59:25 +00:00			`<script setup >`
refactor(goods): 重构商品相关功能 - 修改测试环境配置 - 重命名 homeStore为 goodStore - 优化直播房间组件导入路径 - 重构商品列表和详情功能 - 新增 ItemList 组件 -调整首页布局和功能 2025-01-20 08:17:49 +00:00			`import { goodStore } from "@/stores/goods/index.js";`
			`const { fullLive } = goodStore()`
1 2025-01-10 08:45:18 +00:00			`</script>`