69 lines
1.1 KiB
Plaintext
69 lines
1.1 KiB
Plaintext
@import '../common/style/index.less';
|
|
|
|
.@{prefix}-upload {
|
|
.@{prefix}-upload__grid {
|
|
&-content {
|
|
background: rgb(243, 243, 243);
|
|
padding: 0;
|
|
}
|
|
|
|
&-file {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
&__add-icon {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #f3f3f3;
|
|
color: #a6a6a6;
|
|
}
|
|
|
|
&__thumbnail {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
&__wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
&__close-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 21rpx;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
line-height: 32rpx;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.@{prefix}-upload__progress-mask {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.@{prefix}-upload__progress-failed {
|
|
color: #ff4646;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.@{prefix}-upload__progress-value {
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
}
|