🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### catlist > 栏目分类列表 **参数** | 参数 | 参数名称 | 类型 | 是否必填 | 默认值 | 说明 | | --- | --- | --- | --- | --- | --- | | var | 变量 | string | 是 | | 自定义变量名,用来存储栏目分类列表 | | pid | 栏目父级ID | string | 否 | 默认值: 0 | 默认获取所有栏目,传值为获取该栏目下所有子级栏目 | | order | 排序方式 | string | 否 | 默认值:id asc | 'id desc', ID倒序;'id asc',ID正序 | **基础应用示例** ~~~ <ul class="nav navbar-nav"> {kite:catlist var="vo" pid="0" order="id asc"} <li class="{$vo.active}"><a href="{$vo.url}">{$vo.title}</a></li> {/kite:catlist} </ul> ~~~ **高级应用示例 (带子栏目的循环)** ~~~ <ul class="nav navbar-nav"> {kite:catlist var="vo" pid="0" order="id asc"} {notempty name="vo.child"} <li class="dropdown dropdown-v1"> <a href="{$vo.url}" class="dropdown-toggle" data-toggle="dropdown">{$vo.title} <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu"> {volist name="vo.child" id="child"} {notempty name="child.child"} <li class="dropdown-parent"> <a href="{$child.url}">{$child.title}</a> <ul class="dropdown-menu"> {volist name="child.child" id="childchild"} <li><a href="{$childchild.url}">{$childchild.title}</a></li> {/volist} </ul> </li> {else /} <li><a href="{$child.url}">{$child.title}</a></li> {/notempty} {/volist} </ul> </li> {else /} <li><a href="{$vo.url}">{$vo.title}</a></li> {/notempty} {/kite:catlist} </ul> ~~~ >{notempty name="vo.child"} 如果不为空输出内容 {/notempty} 这个标签是用来判断变量是否有子栏目。 **循环内可用字段** | 字段 | 名称 | 调用方法 | 说明 | | --- | --- | --- | --- | | id | 栏目ID | {$vo.id} | | | pid | 栏目父级ID | {$vo.pid} | | | url | 栏目URL链接 | {$vo.url} | 附加字段(不属于数据表字段) | | title | 栏目标题 | {$vo.title} | | | alias | 栏目别名(英文或拼音) | {$vo.alias} | | | keywords | 栏目seo关键词 | {$vo.keywords} | | | description | 栏目seo描述 | {$vo.description} | | | content | 栏目内容 | {$vo.content} | | | | | active | 栏目高亮标识 | {$vo.active} | | | document_total | 栏目下文档数量 | {$vo.document_total} | 附加字段(不属于数据表字段) | >1、$vo 为var 参数的传入的自定义变量名,仅在列表循环内有效。 >2、可用字段为 '表前缀_document_category' 表中所有字段。 >3、调用方法 {$vo['title']} 等效于 {$vo.title}