栏目标签

# 栏目标签 |名称|调用代码|说明| |-|-|-| |栏目名称|`{$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> ```