Uniapp 列表项鼠标悬停样式设置方法

可以使用 CSS 的:hover 伪类来设置鼠标悬停时的样式。例如，假设列表项的 class 为 item，可以使用以下 CSS 代码来设置鼠标悬停时的背景色为灰色：

.item:hover {
  background-color: #eee;
}

将这段代码放在全局样式文件中，即可应用到所有列表项。如果只想针对特定的列表项设置鼠标悬停样式，可以为该列表项添加一个特定的 class，并在 CSS 中使用该 class 来设置样式。例如：

<template>
  <ul>
    <li class='item'>列表项1</li>
    <li class='item hover-item'>列表项2</li>
    <li class='item'>列表项3</li>
  </ul>
</template>

<style>
.hover-item:hover {
  background-color: #eee;
}
</style>

在这个例子中，第二个列表项添加了一个名为 hover-item 的 class，并在 CSS 中使用该 class 来设置鼠标悬停样式。