Pbootcms模板开发导航菜单列表标签

Pbootcms模板开发导航菜单列表标签
导航菜单列表标签

适用范围:全站任意地方均可使用

标签作用:用于调导航菜单栏目列表,对应后台的"基础内容>内容栏目"

1、导航菜单列表

{pboot:nav}

<a href="[nav:link]">[nav:name]</a>

{/pboot:nav}

控制参数:

num=* 数量,非必填,用于控制输出的数量

parent=* 父菜单编码,用于输出子栏目,默认从一级菜单开始输出,(V3.1.2+)支持传递多个编码

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

scode=1,2,3 用于控制输出栏目范围(V3.1.2+)

要注意parent和scode的区别,一个是输出子栏目,一个控制范围

2、可使用的列表标签

|---------------------|--------------------|
| nav:n | 序号,从0开始 |
| nav:i | 序号,从1开始 |
| nav:pcode | 父栏目编码 |
| nav:scode | 当前栏目编码 |
| nav:name | 栏目名称 |
| nav:subname | 栏目副名称 |
| nav:link | 栏目链接 |
| nav:type | 栏目类型,1单页、2列表 |
| nav:outlink | 后台设置的跳转链接 |
| nav:listtpl | 列表页模板 |
| nav:contenttpl | 详情页模板 |
| nav:ico | 栏目缩略图 |
| nav:pic | 栏目大图 |
| nav:keywords | 栏目关键字 |
| nav:description | 栏目描述 |
| nav:soncount | 当前栏目子栏目的数量,无子栏目时为0 |
| nav:rows | 输出栏目下内容数量(V1.3+) |
| nav:def1 | 栏目描述1(V3.0.6+) |
| nav:def2 | 栏目描述2(V3.0.6+) |
| nav:def3 | 栏目描述3(V3.0.6+) |

3、常见使用示例
高亮菜单

使用判断语句:{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}

首页特殊用法:{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}

菜单嵌套

二级嵌套

{pboot:nav}

<a href= "[nav:link]">[nav:name]</a>

{pboot:2nav parent=[nav:scode]}

<a href= "[2nav:link]">[2nav:name]</a>

{/pboot:2nav}

{/pboot:nav}

三级嵌套

{pboot:nav}

<a href= "[nav:link]">[nav:name]</a>

{pboot:2nav parent=[nav:scode]}

<a href= "[2nav:link]">[2nav:name]</a>

{pboot:3nav parent=[2nav:scode]}

<a href= "[3nav:link]">[3nav:name]</a>

{/pboot:3nav}

{/pboot:2nav}

{/pboot:nav}

如果有更多级别,以此类推,使用数字依层级套用,理论上不限级调用

相关推荐
坚定信念,勇往无前2 小时前
mongodb的日志分割
数据库·mongodb
ℋᙚᵐⁱᒻᵉ鲸落4 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
oradh5 小时前
Oracle TX 锁 Mode 4(Share)问题排查总结
数据库·oracle·tx 锁 mode 4·oracle tx 锁
yi.Ist6 小时前
数据定义语言-DDL操作
数据库·学习·mysql·oracle·大海豚
默_笙6 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow7 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上7 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
এ慕ོ冬℘゜7 小时前
navigator 导航对象 BOM制作方法
javascript
2601_963282777 小时前
工程项目、政企采购为什么优先选择对讲机批量采购?
数据库
星栈7 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui