栏目标签
# 栏目标签
|名称|调用代码|说明|
|-|-|-|
|栏目名称|`{$catlist.title}`||
|栏目副标题|`{$catlist.subtitle}`||
|栏目封面图|`{$catlist.pic}`||
|栏目链接|`{$catlist.url}`||
|上级栏目ID|`{$catlist.pid}`||
|栏目子栏目|`{$catlist.child}`||
# 标签参数
|参数名|名称|默认|说明|
|-|-|-|-|
|cid|栏目id||`$cid`为当前`id`|
|type|类型|`son`|`son`-下级栏目 `self`-同级栏目 `top`-顶级栏目(此类型下cid可忽略) `parent`-当前栏目的顶级栏目 `current`-获取cid指定的栏目列表(v2.2.6)|
|limit|显示数量|`10`||
|flag|标示|`1`|`0`-不显示外部链接和单页 `1`-全部|
# 示范调用
## 调用cid指定栏目
```javascript
<yunu:catlist cid="1,2,3" type="current">
<li>
<a href="{$catlist.url}">{$catlist.title}</a>
</li>
</yunu:catlist>
```
## 调用当前栏目的顶级栏目
```javascript
<yunu:catlist cid="1" type="parent" limit="100">
<li>
<a href="{$catlist.url}">{$catlist.title}</a>
<volist name="catlist['child']" id="v">
<ul>
<li><a href="{$v.url}">{$v.title}</a></li>
</ul>
</volist>
</li>
</yunu:catlist>
```
说明:`cid="1"`代表后台指定的栏目`id`
## 调用循环列表
```javascript
<yunu:catlist cid="$category['id']" type="parent" limit="20">
<h3><a href="{$catlist.url}">更多</a><span>{$catlist.title}</span></h3>
<ul>
<yunu:list cid="$catlist['id']" orderby="sort desc" limit="5">
<li><a href="{$list.url}"><span>{$list.create_time|date='Y-m-d',###}</span>{$list.title}</a></li>
</yunu:list>
</ul>
</yunu:catlist>
```
说明:通常使用在封面页,需要循环调用多个栏目的场景下
## 内页栏目三级循环
```javascript
<yunu:catlist cid="$category['id']" limit="20" type="parent" orderby="sort desc">
<li <if condition="$catlist['id'] eq $cid || $catlist['id'] eq $category['pid']">class="on"</if>> <a href="{$catlist.url}" class="v1"><span>{$catlist.title}</span></a>
<if condition="$catlist.child">
<dl class="snv-index-sub1">
<volist name="catlist['child']" id="v">
<dd <if condition="$v['id'] eq $cid || $v['id'] eq $category['pid']">class="ok"</if>> <a href="{$v.url}" <if condition="$v.child">class="v2"</if>>{$v.title}</a>
<if condition="$v.child">
<dl class="snv-index-sub2">
<volist name="v['child']" id="vv">
<dd <if condition="$vv['id'] eq $cid || $vv['id'] eq $category['pid']">class="ok"</if>> <a href="{$vv.url}" class="v3">{$vv.title}</a> </dd>
</volist>
</dl>
</if>
</dd>
</volist>
</dl>
</if>
</li>
</yunu:catlist>
```
## 二级栏目套列表
```javascript
<yunu:catlist cid="$category['id']" type="parent" limit="200">
<h3 class=""><a href="{$catlist.url}">{$catlist.title}</a><em>>></em></h3>
<ul><volist name="catlist['child']" id="v"><li><a href="{$v.url}">{$v.title}</a></li></volist></ul>
<ul>
<yunu:list cid="$catlist['id']" orderby="sort desc" limit="5">
<li><a href="{$list.url}"><span>{$list.create_time|date='Y-m-d',###}</span>{$list.title}</a></li>
</yunu:list>
</ul>
</yunu:catlist>
```