修改关于视频和附件的展示

src/views/home/learn/page-learn-content.vue

@@ -195,7 +195,9 @@ export default {
         image: require("@/assets/image/learn/image.png"),
         doc: require("@/assets/image/learn/doc.png"),
         pdf: require("@/assets/image/learn/pdf.png"),
-        ppt: require("@/assets/image/learn/ppt.png")
+        ppt: require("@/assets/image/learn/ppt.png"),
+        xlsx: require("@/assets/image/learn/xlsx.png"),
+        text: require("@/assets/image/learn/text.png")
       }
     };
   },
@@ -476,8 +478,8 @@ export default {
       fileName = decodeURIComponent(fileName);
       let typeArr = fileName.split(".");
       let type = typeArr.length > 1 ? typeArr[typeArr.length - 1] : null;
-      let img = this.linkListTypeIcon.default;
-      switch (type[type.length - 1]) {
+      let img = null;
+      switch (type) {
         case "jpg":
         case "jpeg":
         case "png":
@@ -493,7 +495,14 @@ export default {
         case "ppt":
           img = this.linkListTypeIcon.ppt;
           break;
+        case "xlsx":
+          img = this.linkListTypeIcon.xlsx;
+          break;
+        case "txt":
+          img = this.linkListTypeIcon.text;
+          break;
         default:
+          img = this.linkListTypeIcon.image;
           break;
       }
       return img;
@@ -560,8 +569,7 @@ export default {
         }
       }
       video {
-        max-width: 100%;
-        width: auto;
+        width: 100%;
         height: auto;
       }
       .linkListItem {

src/views/home/learn/page-learn-recommend.vue

@@ -57,11 +57,15 @@
                   <img :src="arrowRightPng" />
                 </div>
               </div>
-              <div
-                v-if="contentItem.type == 'VIDEO'"
-                class="contentItem-video-img"
-              >
-                <img :src="getContentObj(contentItem.contents).faceUrl" />
+              <div class="contentItem-video-img">
+                <img
+                  class="img-bofang"
+                  :src="require('@/assets/image/learn/boFang.png')"
+                />
+                <img
+                  :src="getContentObj(contentItem.contents).faceUrl"
+                  fit="cover"
+                />
               </div>
             </div>
             <div class="contentItemDescription">
@@ -239,16 +243,6 @@ export default {
         flex-wrap: nowrap;
         white-space: nowrap;
       }
-      .contentItem-video-title {
-      }
-      .contentItem-video-img {
-        width: 100%;
-        img {
-          max-width: 100%;
-          width: auto;
-          height: auto;
-        }
-      }
     }
     .contentItemTitleTitleRow-video {
       width: 100%;
@@ -299,10 +293,21 @@ export default {
       }
       .contentItem-video-img {
         width: 100%;
+        height: 9rem;
+        position: relative;
         img {
-          max-width: 100%;
-          width: auto;
-          height: auto;
+          width: 100%;
+          height: 9rem;
+        }
+        .img-bofang {
+          width: 2rem;
+          height: 2rem;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          margin: auto;
         }
       }
     }