因为ant design没有默认的蒙层插件,只有图片上传的头像上传类型存在悬浮显示蒙层的样式,所以我单独写了一个,悬浮显示蒙层用来操作的,很多场景都可以用到,这里记下来。
原来样式:
鼠标悬停样式:
下面是写法:
//jsx部分
<div className={
styles.info}>
<span className={
styles.actions}>
<Icon type='eye'/>
<Icon type='delete'/>
</span>
</div>
//css部分
.info {