| | |
|---|
| | | @import "../../style/icon.wxss"; |
|---|
| | | |
|---|
| | | .container { |
|---|
| | | min-height: 100vh; |
|---|
| | | background: #f5f5f5; |
|---|
| | |
|---|
| | | margin-top: 8rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .file-item { |
|---|
| | | .media-list { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-item { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | padding: 20rpx 0; |
|---|
| | | border-bottom: 1rpx solid #f0f0f0; |
|---|
| | | font-size: 26rpx; |
|---|
| | | padding: 20rpx; |
|---|
| | | border-radius: 12rpx; |
|---|
| | | background: #f8f9fb; |
|---|
| | | gap: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .file-item:last-child { |
|---|
| | | border-bottom: none; |
|---|
| | | .media-item:active { |
|---|
| | | background: #eef4ff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .file-name { |
|---|
| | | color: #333333; |
|---|
| | | .media-thumb-wrapper { |
|---|
| | | position: relative; |
|---|
| | | width: 120rpx; |
|---|
| | | height: 120rpx; |
|---|
| | | border-radius: 12rpx; |
|---|
| | | overflow: hidden; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | background: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-thumb { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-icon { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | font-size: 48rpx; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-icon.pdf { |
|---|
| | | background: linear-gradient(135deg, #ff5959 0%, #ff7b7b 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-icon.doc { |
|---|
| | | background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-icon.file { |
|---|
| | | background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-icon.placeholder { |
|---|
| | | background: #f1f3f9; |
|---|
| | | color: #9ca3af; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-play { |
|---|
| | | position: absolute; |
|---|
| | | right: 8rpx; |
|---|
| | | bottom: 8rpx; |
|---|
| | | background: rgba(0, 0, 0, 0.5); |
|---|
| | | color: #ffffff; |
|---|
| | | width: 36rpx; |
|---|
| | | height: 36rpx; |
|---|
| | | border-radius: 18rpx; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | font-size: 24rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-info { |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 8rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .media-name { |
|---|
| | | font-size: 28rpx; |
|---|
| | | color: #1f2937; |
|---|
| | | font-weight: 600; |
|---|
| | | overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | padding-right: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .file-action { |
|---|
| | | color: #1677ff; |
|---|
| | | .media-size { |
|---|
| | | font-size: 24rpx; |
|---|
| | | color: #9ca3af; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .empty-media { |
|---|
| | | font-size: 26rpx; |
|---|
| | | color: #999999; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .feedback-input { |
|---|
