Question

我想创建一个类似谷歌收件箱的布局。具体做法是：

可以滚动的横幅（感谢core-scroll-header-panel）
长列表作为主要内容（感谢核心列表）
左上方的菜单按钮，显示核心导航面板（而不是弹出窗口）

表面看起来应该可以大致如下实现

<core-drawer-panel forceNarrow>

  <core-header-panel drawer>
    <core-toolbar></core-toolbar>
    <core-menu>...</core-menu>
  </core-header-panel>

  <core-scroll-header-panel main>
    <core-toolbar></core-toolbar>
    <core-list>....</core-list>
  </core-scroll-header-panel>

</core-drawer-panel>

但是，我对此的尝试失败了（http://jsbin.com/womovo），因为缺少抽屉面板的菜单。

此布局目前是否可行，使用上述组件或其他组件（不确定core-scaffold是否有帮助）？

Answer 1

菜单在那里你可以点击页面的边缘拉出来。或运行

document.querySelector('core-drawer-panel').togglePanel();

在控制台中显示它。

编辑：我觉得http://jsbin.com/soqopuyiqi正是您要找的。

如何使用core-scroll-header-panel与core-drawer-panel

1 个答案: