原文:vue高亮一级、二级导航

使用vue开发过程中有的项目会存在多级导航的情况,如下图,这种就存在了两层,那么该如何高亮一级导航,又该如何高亮二级导航这就是今天我要记录的内容。 高亮一级导航很简单,代码如下: 高亮二级导航,代码如下: 注意:为什么在 lt router link gt lt router link gt 中又写了一个div呢,是因为我在完成代码后点击导航高亮样式并不能成功添加,开始我是直接把class添加到了 ...

2019-06-20 15:00 0 979 推荐指数:

查看详情

一级导航二级导航,三导航介绍

一级导航 (新学者如有不懂可以去参看我博客里其他的相关随笔) * { margin: 0; padding: 0; }消除网页默认的margin值和padding值 .nav { width: 1280px; height: 60px; border: 1px solid red ...

Wed Jun 28 04:50:00 CST 2017 0 4213
一级导航hover时显示二级导航总结

和大多数一级导航显示,二级导航一级导航hove时显示时一样,既可以使用CSS来实现也可以使用JS来实现。 1、CSS实现: HTML结构上将每个二级导航放在对应的一级导航 li 标记内部。使用CSS在 li 标签:hover时显示二级导航。   优点:结构清晰、实现方便、可以减少不必要的标签 ...

Tue Mar 28 21:48:00 CST 2017 0 1844
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM