css 设置按钮在底部 鼠标滑入显示
.img-col {
border: 1px solid #5565a4;
text-align: center;
cursor: pointer;
.model-btn {
cursor: default;
text-align: center;
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s;
z-index: 30;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.model-btnd {
width: 100%;
height: 20px;
span {
display: inline;
}
.el-upload-list__item-delete {
position: static;
font-size: 20px;
color: #fff;
}
}
.u-pic {
height: 100%;
text-align: center;
position: relative;
z-index: 20;
}
}
}
.img-col:hover {
.model-btn {
opacity: 1;
}
}