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}

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

相关推荐
weixin_499771556 分钟前
Python上下文管理器(with语句)的原理与实践
jvm·数据库·python
weixin_452159558 分钟前
高级爬虫技巧:处理JavaScript渲染(Selenium)
jvm·数据库·python
会飞的战斗鸡9 分钟前
JS中的链表(含leetcode例题)
javascript·leetcode·链表
策知道9 分钟前
依托政府工作报告准备省考【经验贴】
大数据·数据库·人工智能·搜索引擎·政务
Z...........17 分钟前
MYSQL进阶查询
数据库·mysql
方也_arkling43 分钟前
别名路径联想提示。@/统一文件路径的配置
前端·javascript
毕设源码-朱学姐1 小时前
【开题答辩全过程】以 基于web教师继续教育系统的设计与实现为例,包含答辩的问题和答案
前端
qq_177767371 小时前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos
qq_177767371 小时前
React Native鸿蒙跨平台自定义复选框组件,通过样式数组实现选中/未选中状态的样式切换,使用链式调用替代样式数组,实现状态驱动的样式变化
javascript·react native·react.js·架构·ecmascript·harmonyos·媒体
web打印社区1 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html