芋道前端框架，点开一个目录下的子目录，显示的页面占满整个屏幕

芋道前端框架（Vue or YuDoc Frontend Framework），通常是指基于Vue.js构建的轻量级前端开发工具集。如果你想要在导航到一个目录下的子目录时，让显示的页面充满整个浏览器屏幕，你可以通过以下几个步骤实现：

1. **设置布局**：在Vue组件中，使用响应式布局如Bootstrap-Vue的`v-b-row`和`v-b-col`，或者自定义的grid系统，将内容容器设置为全屏。

<template>
  <div class="full-screen-container">
    <router-view></router-view> <!-- 子路由视图 -->
  </div>
</template>

<style scoped>
.full-screen-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
</style>

2. **路由配置**：在Vue Router中，确保你在需要全屏展示的子路由配置中设置了合适的视图模式，比如嵌套路由(`children`)，并将`name`属性设为一个特定的关键字，以便在CSS选择器中匹配。

// router/index.js
{
  path: '/subdirectory',
  name: 'fullscreenRoute', // 用于CSS选择器匹配
  component: FullScreenComponent,
  children: [
    { path: '*', component: SubDirectoryContent },
  ]
}

3. **CSS媒体查询**：针对`fullscreenRoute`名称，在CSS中添加媒体查询，当路由对应的页面加载时应用全屏样式。

/* app.css 或者单独的样式文件 */
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  [data-route-name="fullscreenRoute"] .full-screen-container {
    height: calc(100vh - var(--navbar-height)); /* 减去顶部导航高度 */
  }
}

当你访问'/subdirectory'时，子目录的内容将会占满整个屏幕。请注意，这只是一个基本示例，实际实现可能会根据你的项目结构和需求有所不同。