<style scoped>
.imgContainer{
display: inline-block;
width: 100px;
height: 100px;
}
div img{
width: 100px;
height: 100px;
z-index: 4;
}
div .icon-a{
display: block;
color: #fff;
background: rgba(161, 161, 161, 0.84);
width: 100px;
height: 20px;
text-align: center;
cursor: pointer;
position: absolute;
top: 80px;
text-decoration: none;
}
.chooseImg{
display: inline-block;
width: 100px;
height: 20px;
position: relative;
top: -20px;
z-index: 10;
opacity: 0;
}
.cancel,.save{
display: inline-block;
width: 40%;
height: 20px;
text-align: center;
position: relative;
z-index: 100;
}
.previewDiv{
display: inline-block;
width: 100px;
height: 100px;
background: #42b983;
position: relative;
top: -123px;
opacity: 0;
}
</style>
vue图片上传的css样式
最新推荐文章于 2024-05-22 10:04:18 发布