halo-theme-xinac-fantastic/layout/common/navbar.ftl

78 lines
3.7 KiB
Plaintext
Raw Normal View History

2019-10-02 16:15:37 +00:00
<#macro navbar layout>
<nav class="navbar navbar-main">
<div class="container">
<div class="navbar-brand is-flex-center">
<a class="navbar-item navbar-logo" href="${context!}">
<#if options.blog_logo?? && options.blog_logo!=''>
<img src="${options.blog_logo!}" alt="${options.blog_title!}" height="28">
<#else>
${options.blog_title!}
</#if>
</a>
</div>
<div class="navbar-menu">
<@menuTag method="tree">
<#if menus?? && menus?size gt 0>
<#if settings.tree_menu_enable!false>
<div class="navbar-start">
<#list menus?sort_by('priority') as menu>
<#if menu.children?? && menu.children?size gt 0>
<div class="navbar-item has-dropdown is-hoverable">
2019-10-02 16:33:18 +00:00
<a class="sub-menu">
2019-10-02 16:15:37 +00:00
${menu.name!}
</a>
<div class="navbar-dropdown is-boxed">
<#list menu.children as child>
<a class="navbar-item"
href="${child.url!}">
${child.name!}
</a>
</#list>
</div>
</div>
<#else>
2019-10-02 16:33:18 +00:00
<a class="navbar-item" href="${menu.url}"
2019-10-02 16:15:37 +00:00
target="${menu.target!}">${menu.name}</a>
</#if>
</#list>
</div>
<#else>
<#if menus?? && menus?size gt 0>
<div class="navbar-start">
<#list menus?sort_by('priority') as menu>
<a class="navbar-item" href="${menu.url}" target="${menu.target!}">${menu.name}</a>
</#list>
</div>
</#if> </#if>
</#if>
</@menuTag>
<div class="navbar-end">
<#-- ${settings.links_top!}-->
<a class="navbar-item search" title="夜间模式" href="javascript:alert('开发中,敬请期待');">
<i class="fas fa-adjust"></i>
</a>
<a class="navbar-item search" title="文章搜索" onclick="openSearchPanel()" href="javascript:;">
<i class="fas fa-search"></i>
</a>
</div>
</div>
</div>
</nav>
<style>
.navbar-dropdown {
/*background-color: #fff;*/
/*border-bottom-left-radius: 6px;*/
/*border-bottom-right-radius: 6px;*/
/*border-top: 2px solid #dbdbdb;*/
/*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);*/
/*font-size: .875rem;*/
/*min-width: 100%;*/
/*position: absolute;*/
/*top: 100%;*/
/*z-index: 20;*/
/*width: 120px;*/
}
</style>
</#macro>