From e6a45f6b7d6f36f0b386a9c46217e4e4dfbc34f4 Mon Sep 17 00:00:00 2001 From: jinhhanhan <1683105490@qq.com> Date: Sat, 22 Aug 2026 15:55:00 +0800 Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9APDF=E6=9C=89=E6=98=BE=E7=A4=BA?= =?UTF-8?q?=E4=BA=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages_tool/files/list.vue | 85 +++++++++++++++++++++++++++++++++------ 1 file changed, 73 insertions(+), 12 deletions(-) diff --git a/pages_tool/files/list.vue b/pages_tool/files/list.vue index cd10b14..2fc6b39 100644 --- a/pages_tool/files/list.vue +++ b/pages_tool/files/list.vue @@ -14,11 +14,17 @@ - - + + P + + + + + + - {{ item.$orig.files_title }} + {{ item.$orig.files_title || '未命名文件' }} {{ $lang('files.list.viewPdf') }} @@ -98,9 +104,7 @@ export default { this.list = [] } this.list = this.list.concat(list.map(item => { - const orig = item - const g1 = this.$util.img("addon/personnel/shop/view/enterprise/fileicon.png") - return { $orig: orig, g1: g1 } + return { $orig: item } })) if (this.$refs.loadingCover) { this.$refs.loadingCover.hide() @@ -262,18 +266,70 @@ export default { border-radius: 16rpx; } -.article-wrap .item .article-img { +.article-wrap .item .pdf-icon { margin-right: 20rpx; width: 80rpx; height: 80rpx; + flex-shrink: 0; + background-color: #e64340; + border-radius: 10rpx; + position: relative; overflow: hidden; - display: flex; - align-items: center; - justify-content: center; + box-shadow: 0 2rpx 8rpx rgba(230, 67, 64, 0.2); } -.article-wrap .item .article-img image { +.article-wrap .item .pdf-icon .pdf-icon-p { + position: absolute; + top: 2rpx; + left: 8rpx; + color: #ffffff; + font-size: 40rpx; + font-weight: 900; + font-family: Arial, Helvetica, sans-serif; + line-height: 1; + letter-spacing: 0; +} + +.article-wrap .item .pdf-icon .pdf-icon-fold { + position: absolute; + top: 0; + right: 0; + width: 24rpx; + height: 24rpx; + background: linear-gradient(135deg, transparent 50%, #ffeceb 50%); + border-bottom-left-radius: 4rpx; +} + +.article-wrap .item .pdf-icon .pdf-icon-lines { + position: absolute; + right: 6rpx; + bottom: 6rpx; + width: 36rpx; + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.article-wrap .item .pdf-icon .pdf-icon-line { width: 100%; + height: 3rpx; + background-color: #ffffff; + opacity: 0.85; + margin-bottom: 4rpx; + border-radius: 2rpx; +} + +.article-wrap .item .pdf-icon .pdf-icon-line:nth-child(1) { + width: 100%; +} + +.article-wrap .item .pdf-icon .pdf-icon-line:nth-child(2) { + width: 80%; +} + +.article-wrap .item .pdf-icon .pdf-icon-line:nth-child(3) { + width: 60%; + margin-bottom: 0; } .article-wrap .item .info-wrap { @@ -281,16 +337,21 @@ export default { display: flex; flex-direction: column; justify-content: space-between; + min-width: 0; } .article-wrap .item .info-wrap .title { font-weight: 700; + color: #303133; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; - font-size: 24rpx; + font-size: 28rpx; + line-height: 1.4; + white-space: normal; + word-break: break-all; } .article-wrap .item .info-wrap .read-wrap {