water_xcx/miniprogram_npm/tdesign-miniprogram/upload/upload.wxss

82 lines
1.4 KiB
Plaintext
Raw Permalink Normal View History

2025-04-15 15:44:51 +08:00
.t-float-left {
float: left;
}
.t-float-right {
float: right;
}
@keyframes tdesign-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.hotspot-expanded.relative {
position: relative;
}
.hotspot-expanded::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: scale(1.5);
}
.t-upload .t-upload__grid-content {
background: #f3f3f3;
padding: 0;
}
.t-upload .t-upload__grid-file {
position: relative;
}
.t-upload__add-icon {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #f3f3f3;
color: #a6a6a6;
}
.t-upload__thumbnail {
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
}
.t-upload__wrapper {
position: relative;
}
.t-upload__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);
}
.t-upload .t-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;
}
.t-upload .t-upload__progress-mask .t-upload__progress-failed {
color: #ff4646;
font-size: 24rpx;
}
.t-upload .t-upload__progress-mask .t-upload__progress-value {
color: #fff;
font-size: 24rpx;
}