提交修改

src/components/Course/collectItem.vue

@@ -7,7 +7,7 @@
         <!-- <img :src="imageUrl(item)" /><span v-if="isShow" class="two-line-ellipsis">{{item.title}}</span> -->
       </div>
       <div class="flex-between" @click="jump(item)">
-        <div class="uc-course-name">
+        <div class="uc-course-name one-line-ellipsis">
           <span :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</span>
           <span>{{ item.title }}</span>
         </div>
@@ -132,6 +132,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.one-line-ellipsis{
+  display: -webkit-box;
+  // white-space:pre-wrap;
+  word-wrap: break-word;
+  word-break:break-all;
+  overflow: hidden;
+  text-overflow:ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .uc-course {
   position: relative;
   cursor: pointer;
@@ -163,9 +173,9 @@ export default {
   }
   .uc-course-img {
     position: relative;
-    img {
-      width: 160px;
-      height: 90px;
+   ::v-deep img {
+      width: 212px;
+      height: 119px;
       border: 1px solid #f4f4f5;
     }
     > span {