苹果cms教程

苹果CMS模板自定义导航菜单调用标签代码

发布时间：2024-09-21共8人阅读

在苹果CMS模板开发中，网站主导航可通过系统自带栏目标签快速调用，支持首页、一级栏目自动输出，同时自带栏目高亮识别逻辑，访问对应页面自动激活选中样式。代码无自带样式，可根据模板风格自由编写CSS布局。

完整导航菜单调用代码

<li class="nav-item {if condition="$maccms.aid eq 1"} current{/if}"><a class="nav-link" href="{$maccms.path}">网站首页</a></li>
{maccms:type ids="parent" order="asc" by="sort"}
<li class="nav-item {$vo.type_id}={$vo.type_pid} {if condition="($vo.type_id eq MAC_TYPE_ID || $vo.type_id eq MAC_TYPE_PID)"} current{/if}"><a class="nav-link" href="{:mac_url_type($vo)}">{$vo.type_name}</a></li>
{/maccms:type}

代码功能说明

  • 首页导航：通过判断 $maccms.aid eq 1 识别首页状态，访问首页自动添加选中样式类名。

  • 一级栏目遍历：使用 maccms:type 标签调用所有一级栏目，按后台排序规则正序输出。

  • 栏目高亮机制：依靠系统内置常量 MAC_TYPE_ID、MAC_TYPE_PID，自动匹配当前访问栏目及父栏目，添加激活样式。

  • 栏目链接：通过 mac_url_type 函数自动生成栏目标准化URL，适配伪静态、动态链接模式。

使用注意事项

该代码仅输出导航结构HTML，不含任何CSS样式，部署后可根据网站UI风格，针对 nav-item、nav-link、current 等类名自定义样式，实现悬浮、选中、配色等效果。后台新增、删除一级栏目时，前端导航会自动同步更新，无需手动修改模板代码。

相关标签