/* component/filegrid/index.wxss */
|
.img-group {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.img-group .img-group_img {
|
/* width: attr(data-width);
|
height: attr(data-height); */
|
margin-bottom: 8px;
|
margin-right: 8px;
|
}
|
|
.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 {
|
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;
|
}
|
|
.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;
|
}
|
