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 {