使用自定义标签 {{portalSidebarNav}}{{/portalSidebarNav}}获取边栏导航数据,或直接生成HTML代码
必选属性:catId(值一般都为 "$cat.id")
可选属性:attrs
attrs可选值(可复选,多个选项用逗号隔开):
tree:是否以树状结构全量逐级显示所有栏目
disWithArticle:禁止和栏目同级的文章一起出现
lastShowArticle:以文章列表作为最后一级导航出现
getHtml:是否直接返回封装好的html (默认为返回数组数据)
返回值(数组情况下):
$portalSidebarNav = [ 'title' => '栏目名称', 'list' => [ [ 'catId' => '', //如果数据是文章,则无值 'type' => 'article', //值为 article 或 cat 'title' => '下级栏目A', 'url' => '/portal/article/1.html', 'pic' => '', //如果后台有设置当前栏目的图标,则返回图标 'current' => false, //是否高亮 'children' => [] //下级导航(数据结构和父级相同) ] ] ]
列举1(直接返回HTML代码):
<div class="list-nav"> {{portalSidebarNav catId="$cat.id" attrs="getHtml"}}{{/portalSidebarNav}} </div>
例举2(返回数组数据):
{{portalSidebarNav catId="$cat.id"}} <ul class="swiper-wrapper"> {{foreach $portalSidebarNav.list as $item}} <li{{if $item.current}} class="a"{{/if}}><a href="{{$item.url}}">{{$item.title}}</a></li> {{/foreach}} </ul> {{/portalSidebarNav}}
列举3(返回树状结构的导航数组数据):
{{portalSidebarNav catId="$cat.id" attrs="tree"}} <ul class="swiper-wrapper"> {{foreach $portalSidebarNav.list as $index => $item}} <li{{if $item.current}} class="a"{{/if}}> <a href="{{$item.url}}">{{$item.title}}</a> {{if $item.children}} <ul> {{foreach $item.children as $subIndex => $subItem}} <li{{if $subItem.current}} class="a"{{/if}}> <a href="{{$subItem.url}}">{{$subItem.title}}</a> {{if $subItem.children}} <ul> {{foreach $subItem.children as $subIndex2 => $subItem2}} <!--更多层级...--> {{/foreach}} </ul> {{/if}} </li> {{/foreach}} </ul> {{/if}} </li> {{/foreach}} </ul> {{/portalSidebarNav}}