欄目标簽
# 欄目标簽
|名稱|調用代碼|說明|
|-|-|-|
|欄目名稱|`{$catlist.title}`||
|欄目副标題|`{$catlist.subtitle}`||
|欄目封面(miàn)圖|`{$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"`代表後(hòu)台指定的欄目`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>
```
說明：通常使用在封面(miàn)頁，需要循環調用多個欄目的場景下
## 内頁欄目三級循環
```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>
```