温度项列表位于屏幕底部

Question

我正在使用Onsen框架来开发移动应用。我正在尝试添加底部菜单，但它不起作用。我尝试使用从here和here获得的代码：

  <ons-bottom-toolbar class="bottom-toolbar">
    <ons-list>
      <ons-list-item modifier="tappable">
        ciao
      </ons-list-item>
      <ons-list-item modifier="tappable">
        ciao
      </ons-list-item>
    </ons-list>
  </ons-bottom-toolbar>

但结果很奇怪：

你知道可能是什么问题吗？

Answer 1

底部工具栏并不是为了拥有整个项目列表而只是一行内容。这意味着永远是可见的，所以它预计不会很大。

如果你只是想把这些物品放在底部，那么用一点css会更容易。

.bottom {
  position: absolute;
  left:0;
  right:0;
  bottom:0;
}

Demo