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判断,当循环到第六个的时候开始显示。那么这样显示的结果就是从第六个开始到第十个导航菜单。

相关文章
|
4月前
|
前端开发
WordPress主题底部纯文本文章列表
WordPress主题底部纯文本文章列表
27 0
|
4月前
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
373 0
|
12月前
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
31 0
|
API
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
222 0
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
标签页+标签编辑页
标签页+标签编辑页
101 0
|
存储 JavaScript
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
pbootcms当前位置面包屑中的首页如何改成英文
pbootcms当前位置面包屑中的首页如何改成英文
387 0