PbootCms导航菜单标签的这些小技巧你都知道吗

简介: PbootCms导航菜单标签的这些小技巧你都知道吗

这里我把一些小白常遇到的问题理一理,希望对新手有些帮助,当然,最好还是提升下自身的基础知识储备,早日走向大神之路。

<span style="font-size:14px;">
    {pboot:nav}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

控制参数

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

parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出

以下三个常用于导航的循环嵌套中

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

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

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

场景1

后台有10个一级栏目,只需要显示前5个,这样写

<span style="font-size:14px;">
    {pboot:nav num=5}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

场景2

那剩下的5个导航菜单我要在其他位置显示该怎么办呢?

可以使用if判断标签来实现

解释一下上面的代码:(新手好好看,思路是最主要的)

首先调用10个菜单,然后使用if判断,当循环到第六个的时候开始显示。那么这样显示的结果就是从第六个开始到第十个导航菜单。

相关文章
|
JavaScript
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
1500 0
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
|
12月前
|
API
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
175 0
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
|
XML JavaScript 前端开发
odoo 给form表单视图内联列表添加按钮
odoo 给form表单视图内联列表添加按钮
138 0
|
前端开发 JavaScript
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决
276 0
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决
pbootcms当前位置面包屑中的首页如何改成英文
pbootcms当前位置面包屑中的首页如何改成英文
363 0
|
JavaScript
网页切出当前标签页时更改标题状态
网页切出当前标签页时更改标题状态
120 0
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
|
存储 JavaScript
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
按钮与标签组件
按钮与标签组件
91 0