Question

var deviceWidth: Dimensions.get('window').width;

...

myImage {
    width: deviceWidth,
    height: deviceWidth * 0.5
}

您好我想知道如何让这个菜单始终（除非移动）锁定在用户视图内，并且网站网格要调整大小。但是我一步一步如何锁定（因此用户无法关闭或打开）

Answer 1

请检查以下代码。固定抽屉的听写应在抽屉上方的div类中。它来自MDL页面，https://getmdl.io/components/index.html#layout-section/layout 并且在固定标题下查看，还有一个可用的代码笔。

<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content">
      <!-- Your content goes here -->
    </div>
  </main>
</div>

材料设计精简版 - 导航锁定到位

1 个答案: