斯卡拉|提升|如何跨菜单

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>

即，尽可能使用vanilla，因此添加一些CSS以便在列表中创建水平菜单非常容易 - 请参阅Listamatic上的示例the "Horizontal lists" examples。

最简单的方法就是将CSS代码添加到src/main/webapp/templates-hidden/default.html中的标题中，但您也可以使用自己独立的CSS文件而不会有太大的麻烦。