.close-btn {
|
position: absolute;
|
top: 0;
|
right: 0;
|
color: white;
|
background-color: rgba(0, 0, 0, 0.3);
|
padding: 2px;
|
border-bottom-left-radius: 8px;
|
border-top-left-radius: 2px;
|
border-bottom-right-radius: 2px;
|
}
|
|
.weui-uploader__tips {
|
font-size: 12px;
|
color: #9c9c9c;
|
}
|
|
.uploader-preview__file {
|
--default-bg-color: #888888;
|
position: relative;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
background-color: var(--default-bg-color);
|
color: white;
|
height: 100%;
|
font-size: 12px;
|
}
|
|
.wrap {
|
height: 3em;
|
line-height: 1.5;
|
overflow: hidden;
|
/* background-color: rgb(0, 104, 104); */
|
margin: 8rpx 8rpx 0 8rpx;
|
text-align: justify;
|
|
}
|
|
.wrap .txt {
|
display: block;
|
max-height: 3em;
|
/* background-color: rgb(88, 104, 0); */
|
/* margin: 8rpx 8rpx 0 8rpx; */
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.wrap .filename {
|
position: relative;
|
/* display: flex;
|
text-align: justify; */
|
/* 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;
|
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;
|
}
|
|
.unit::after {
|
content: attr(data-ext);
|
position: absolute;
|
bottom: 0rpx;
|
right: 10rpx;
|
font-size: 30px;
|
color: #ffffff38;
|
}
|
|
.file_xlsx {
|
background-color: #278553;
|
}
|
|
.file_word {
|
background-color: #3980C0;
|
}
|
|
.file_pdf {
|
background-color: #C84E39;
|
}
|
|
.file_ppt {
|
background-color: #FF7A42;
|
}
|
