🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
如下图所示,要想实现导航菜单的高亮,需要模板做处理之后,还要在后台做设置才行的。 ![](https://img.kancloud.cn/41/fc/41fc7816a99539fa5b1c396b95091291_1606x371.png) 如下图所示,需要在后台 导航菜单那里做设置。 ![](https://img.kancloud.cn/e3/11/e311d2144845af87a43b2e9e1b57c264_1701x911.png) 如上图所示,`选中,是否高亮显示: `这一项需要做相应的设置 主页就输入`index`,商城就输入`shop`论坛就输入`bbs`以此类推输入相应的目录名,不过对于频道而言最好是后面加个`-`横杠线因为对于栏目,还可以定义为`shop-18`这样就可以实现频道里边的某个栏目也可以高亮显示,另外对于独立页的话,就设置`index-alonepage5`,其中`5`就是相应的独立页id值。 另外,对于插件而言,一般输入插件目录名即可,比如对于签到插件只需要输入签到插件的目录关键字`signin`即可。注意,如果该插件不生效的话,请检查一下该插件目录下的文件`config.php`是否存在`'system_dirname'=>basename(__DIR__),` 这句代码?若不存在的话,自己补上即可。如下图所示 ![](https://img.kancloud.cn/f4/46/f446ebd39c3ca9f24db0bf991350aaca_934x331.png) 后台设置后,要确实相应的风格做过处理,才会生效,做风格的话,可以参考下面的代码。 ![](https://img.kancloud.cn/ad/fe/adfe566f9ae21cbe3c4b5acf2604e540_1665x568.png) ``` {php}$menu_choose=config('system_dirname')?:'index';{/php} {volist name="pc|get_web_menu" id="rs"} <dl {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}> <dt {notempty name="$rs.bgcolor"}style="background-color:{$rs.bgcolor};"{/notempty}><a href="{$rs.url}" {notempty name="$rs.fontcolor"}style="color:{$rs.fontcolor};"{/notempty} {notempty name="$rs.target"}target="_blank"{/notempty}><i class="{$rs.style|default=''}"></i>{$rs.name}</a>{$rs.script}</dt> {notempty name="rs.sons"} <span></span> <dd> {volist name="rs.sons" id="vs"} <div><a href="{$vs.url}" {notempty name="$rs.target"}target="_blank"{/notempty}><i class="{$rs.style|default=''}"></i>{$vs.name}</a></div> {/volist} </dd> {/notempty} </dl> {/volist} ``` 其中下面这些代码是关键所在。可以照搬。不过你的页面模板的样式`class`不一定是用`ck`定时高亮,你可以把`ck`换成其它的。除了`ck`外,其它照搬就好了。 ``` {php}$menu_choose=config('system_dirname')?:'index';{/php} {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if} ``` 特别提醒,WAP端的底部菜单也是同样适用的!!!