.uploader-preview__file {
|
--default-bg-color: #888888;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
background-color: var(--default-bg-color);
|
color: white;
|
height: 100%;
|
font-size: 12px;
|
}
|
|
.wrap {
|
/* background-color: rgb(109, 109, 4); */
|
height: 3em;
|
line-height: 1.5;
|
overflow: hidden;
|
margin: 8rpx 8rpx 0 8rpx;
|
}
|
|
.wrap .txt {
|
display: block;
|
max-height: 3em;
|
/* margin: 8rpx 8rpx 0 8rpx; */
|
}
|
|
.wrap .filename {
|
position: relative;
|
/* display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical; */
|
/* display: none; */
|
top: -3em;
|
background-color: rgb(115, 172, 118);
|
/* background-color: var(--default-bg-color); */
|
overflow: hidden;
|
/* text-overflow: ellipsis; */
|
text-align: justify;
|
/* white-space: nowrap; */
|
/* margin: 8rpx 8rpx 0 8rpx; */
|
}
|
|
.filename::before {
|
content: attr(data-title);
|
width: 100%;
|
float: right;
|
margin-top: 1.5em;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
direction: rtl;
|
/* background-color: rgb(141, 141, 3); */
|
background-color: var(--default-bg-color);
|
}
|
|
.unit {
|
margin: 0rpx 8rpx 8rpx 8rpx;
|
}
|
|
.file_xlsx {}
|
|
.file_word {}
|
|
.file_pdf {}
|
|
.file_ppt {}
|