scala - 斯卡拉 | 电梯 | 如何跨菜单制作

Question

使用

<div class="lift:Menu.builder"/>

网站上的菜单是垂直的，有什么想法，因为我在任何地方都找不到，如何制作菜单？

Answer 1

这更像是一个 CSS 问题而不是 Lift 问题。为菜单生成的 HTML 如下所示：

<div class="column span-6 colborder sidebar">
  <hr class="space" />
  <ul>
    <li> <span>Home</span></li>
    <li> <a href="/user_mgt/login">Login</a></li>
    <li> <a href="/user_mgt/sign_up">Sign Up</a></li>
    <li> <a href="/user_mgt/lost_password">Lost Password</a></li>
    <li> <a href="/search">Search</a></li>
  </ul>
  ...
</div>

即，尽可能简单，因此添加一些 CSS 以从列表中创建水平菜单非常容易——例如参见Listamatic 上的“水平列表”示例。

将 CSS 代码添加到 中的标头是最简单的src/main/webapp/templates-hidden/default.html，但您也可以使用自己的单独的 CSS 文件而不必大惊小怪。