refactor(Sku): refactor image upload

This commit is contained in:
songweite
2020-07-07 16:45:45 +08:00
committed by neverland
parent 8d29e5c8c6
commit 7343e55409
2 changed files with 26 additions and 138 deletions
-69
View File
@@ -332,7 +332,6 @@
}
&-label {
margin-top: @padding-xs;
color: @cell-label-color;
font-size: @cell-label-font-size;
line-height: @cell-label-line-height;
@@ -340,74 +339,6 @@
}
}
&-img-uploader {
display: inline-block;
&__uploader {
vertical-align: middle;
}
&__img {
position: relative;
float: left;
width: 64px;
height: 64px;
margin-right: @padding-xs;
background: @sku-item-background-color;
border-radius: @border-radius-sm;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
&__delete {
position: absolute;
top: -12px;
right: -14px;
z-index: 1;
padding: 6px;
color: @sku-upload-mask-color;
opacity: 0.8;
&::before {
background-color: @white;
border-radius: 14px;
}
}
&__mask {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: white;
background: @sku-upload-mask-color;
}
&__warn-text {
margin-top: 6px;
font-size: @font-size-sm;
line-height: 14px;
}
&__trigger {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: @sku-icon-gray-color;
}
}
&-actions {
display: flex;
flex-shrink: 0;