thinkcmf5中导航怎么做高亮显示

Question

{$menu.name|default=''}



{$menu.name|default=''}

                                    中active怎么添加

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在ThinkCmf5中，你可以使用CSS样式来实现导航条的高亮效果。以下是一个简单的示例：

HTML:

<nav>
  <ul class="nav-menu">
    <li><a href="#home">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#services">Services</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
</nav>

CSS:

.nav-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-menu li a {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  padding: 10px;
}

.nav-menu li a:hover {
  background-color: #ddd;
}

在这个例子中，当用户点击一个链接时，<li>元素将变为活动状态（即背景颜色为浅灰色）。你也可以根据需要调整这个样式。

至于如何添加<a>标签的默认文本和不带下划线的文本，请参阅上述代码中的注释部分。