栏目标签
# 栏目标签
名称|调用代码
|-|-|-|-|-|-|
栏目名称|{$catlist.title}
栏目副标题|{$catlist.subtitle}
栏目封面图|{$catlist.pic}
栏目链接|{$catlist.url}
上级栏目ID|{$catlist.pid}
栏目子栏目|{$catlist.child}
# 标签参数
参数名|名称|默认|说明
|-|-|-|-|-|-|
cid|栏目id||$cid为当前id
type|类型|son|son-下级栏目 self-同级栏目 top-顶级栏目(此类型下cid可忽略) parent-当前栏目的顶级栏目
limit|显示数量|10|
flag|标示|1|0-不显示外部链接和单页 1-全部
# 示范调用
## 调用指定栏目
```html
<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`
## 调用循环列表
```html
<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>
```
说明：通常使用在封面页，需要循环调用多个栏目的场景下
## 内页栏目三级循环
```html
<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>
```