开发者

资讯中心帮助中心开发者

3套文章边栏导航

发布时间:2024-09-14 22:35 阅读:64

使用自定义标签 {{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}}


国家级高新技术企业国家级高新技术企业科技型中小企业科技型中小企业