1

嗨，我是 Grommet 和一般开发的新手。我在显示移动菜单时遇到了一些问题。

当屏幕达到一定大小时，拆分视图仅显示屏幕的右侧，使您无法访问菜单。

<App centered={false}>
  <Split separator={true} flex='right' fixed={true} colorIndex='brand'>
    <Sidebar colorIndex='brand' responsive={true}>
      <Header pad='small' justify='between'>
        <Title> brand </Title>
      </Header>
      <Box flex='grow' justify='start'>
        <Menu primary={true}>
          <Anchor key="home" path="/app" label="Home" />
        </Menu>
      </Box>
    </Sidebar>
    <Box>
      {this.props.children}
    </Box>
  </Split>
</App>

据我所知，您只需要在右侧的标题中设置一个标题，该标题设置为responsive={true}. 如果您的设备是移动设备，这将显示您的标题。

<div>
  <Header pad='small' justify='between' responsive={true}>
    <Title> brand </Title>
  </Header>
  <Cards />
</div>

这似乎不起作用。标题显示整个时间。我理想中想要的是从侧边栏中显示标题。

谁能帮我实现这一目标？

4

0 回答 0