🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 导航标签 >[success] 用途:读取栏目数据。一般用作网站主导航/侧边/底部等。 读取数据表:`easy_cms_category` ( easy\_ 为自定义的表前缀 ) \- ## 标签基本使用方法 ``` {cms:nav id='r'} <a href="{$r.url}">{$r.title}</a> {/cms:nav} ``` \- ## 属性说明 ``` id : 定义数据查询的结果存放变量 默认:'r' 注意:嵌套时id属性必须填写,而且不可冲突 catid:指定栏目ID查询,系统会自动查询该ID下的所有子栏目的数据 默认:'0' 读取顶级栏目 ``` \- ## 举例 需求:生成一个三级分类下拉导航 ``` <ul> <li> <a href="">一级</a> <ul > <li> <a href="">二级</a> <ul > <li><a href="">三级</a></li> </ul> </li> </ul> </li> </ul> ``` **实现代码:采用嵌套循环** ``` <ul> {cms:nav id='r'} <li><a href="{$r.url}">{$r.title}</a> <ul > {cms:nav id='n' catid='$r.id' } <li><a href="{$n.url}">{$n.title}</a> <ul > {cms:nav id='v' catid='$n.id' } <li><a href="{$v.url}">{$v.title}</a></li> {/cms:nav} </ul> </li> {/cms:nav} </ul> </li> {/cms:nav} </ul> ```