uview组件中的u-icon中的hover-class如何使用
时间: 2024-04-30 15:18:48 浏览: 187
小程序hover-class点击态效果实现
5星 · 资源好评率100%
u-icon 组件中的 `hover-class` 属性用于设置鼠标悬停时的样式类名。
使用方法如下:
1. 在需要设置 `hover-class` 的 u-icon 组件上添加该属性,如:
```html
<u-icon type="chat" hover-class="icon-hover"></u-icon>
```
2. 在对应的样式文件中定义 `icon-hover` 类名的样式,例如:
```css
.icon-hover {
color: red;
transform: scale(1.2);
}
```
这样,当鼠标悬停在该 u-icon 上时,它的颜色会变为红色,同时会有一个放大的效果。
阅读全文