🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **4. cats:栏目列表** **参数** | 参数名 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | | cid| string | `必填` | 栏目id | | type| string | `son` | 类型:self 自己,father上级,top顶级,allfather上级所有,same同级,myson自己的所有下级, topson自己顶级分类的所有下级 | **字段** | 说明| 调用代码 | | --- | --- | | 索引(从“1”开始) | `{$cats.index}` | | 栏目名称| `{$cats.title}` | | 栏目副标题 | `{$cats.subtitle}` | | 栏目图片 | `{$cats.img}` | | 栏目链接 | `{$cats.url}` | | 栏目SEO标题 | `{$cats.seo_title}` | | 栏目SEO关键字 | `{$cats.seo_keywords}` | | 栏目SEO描述| `{$cats.seo_describe}` | | 栏目描述| `{$cats.desc}` | | 栏目内容| `{$cats.content}` | | 子栏目 | `{$cats.child}` | **示例** ``` {jidu:cats cid="$category_id" type="self"} <div class="stitle">{$cats.title}</div> {/jidu:cats} <ul class="left_news"> {jidu:cats cid="$category_id" type="topson"} <li> <a href="{$cats.url}" title="{$cats.title}"> {$cats.title} </a> <ul class="menu_body"> {volist name="$cats.child" id="c"} <li><a href="{$c.url}">{$c.title}</a></li> {/volist} </ul> </li> {/jidu:cats} </ul> ``` **说明** $category_id 为栏目id,已定义,直接使用即可