巨型下拉菜单图标

时间:2016-05-02 11:05:37

标签: bolt-cms

我有一个巨大的下拉菜单,每个菜单项都有大图标。 BOLT菜单是否也提供了一个URL选项,我可以保存该图标的URL并将该Img URL值输出到循环中?

main:
    - label: Home
      title: This is the first menu item.
      path: homepage
      class: first
     #imgurl: url <- SOMETHING LIKE THIS #

使用class是另一种选择,但我真的不想在这里使用CSS伪选择器来添加背景图像。还有其他可能吗?

1 个答案:

答案 0 :(得分:1)

只需在配置中添加imgurl选项即可。在您的模板中,您可以像item.imgurl一样访问它。

当您查看默认菜单实现时,您会看到它遍历菜单项,它调用一个呈现菜单项+任何子菜单的函数: https://github.com/bolt/bolt/blob/release/3.0/app/theme_defaults/_sub_menu.twig#L40-L42

正如您在以下链接中所看到的,您只需访问菜单条目中定义的选项。 https://github.com/bolt/bolt/blob/release/3.0/app/theme_defaults/_sub_menu.twig#L20-L22