屏幕底部的温泉项目列表答案

【问题标题】：Onsen items list at the bottom of the screen屏幕底部的温泉项目列表
【发布时间】：2016-08-12 20:19:56
【问题描述】：

我正在使用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>

但结果很奇怪：

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

【问题讨论】：

标签： javascript css list toolbar onsen-ui

【解决方案1】：

底部的工具栏并不意味着有一个完整的项目列表，而只是一个行的东西。它意味着始终可见，因此预计不会很大。

如果您只想将项目放在底部，使用一点 css 会更容易。

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

Demo

【讨论】：