| | |
| | | .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 {} |