chore：PDF有显示了

pages_tool/files/list.vue

@@ -14,11 +14,17 @@
             <ns-adv keyword="NS_ARTICLE" class-name="adv-wrap"></ns-adv>
             <block v-for="(item, index) in list" :key="index">
               <view class="item" @tap="toDetail(item.$orig)">
-                <view class="article-img">
-                  <image class="cover-img" :src="item.g1" mode="widthFix" @error="imgError(index)" show-menu-by-longpress></image>
+                <view class="pdf-icon">
+                  <text class="pdf-icon-p">P</text>
+                  <view class="pdf-icon-fold"></view>
+                  <view class="pdf-icon-lines">
+                    <view class="pdf-icon-line"></view>
+                    <view class="pdf-icon-line"></view>
+                    <view class="pdf-icon-line"></view>
+                  </view>
                 </view>
                 <view class="info-wrap">
-                  <view class="title">{{ item.$orig.files_title }}</view>
+                  <view class="title">{{ item.$orig.files_title || '未命名文件' }}</view>
                   <view class="read-wrap">
                     <text>{{ $lang('files.list.viewPdf') }}</text>
                   </view>
@@ -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 {