样式修改

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

@@ -254,10 +254,6 @@ export default {
   }
   .contentItemDiv {
     width: 100%;
-    .contentItemTitle {
-      font-size: 0.65rem;
-    }
-
     .contentItemTitleTitleRow {
       width: 100%;
       display: flex;
@@ -267,11 +263,6 @@ export default {
         text-align: left;
         font-size: 0.8rem;
         color: #000;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        word-wrap: break-word;
-        // white-space: pre-wrap;
         display: -webkit-box;
         -webkit-box-orient: ho;
         -webkit-line-clamp: 10;
@@ -310,11 +301,6 @@ export default {
             font-size: 0.8rem;
             font-weight: bold;
             color: #000;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            word-wrap: break-word;
-            // white-space: pre-wrap;
           }
         }
         .contentVideoDK {

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

@@ -31,7 +31,7 @@
           <!-- {{ contentObj.contents }} -->
           <p
             v-if="contentObj.type == 'ARTICLE'"
-            class="p-content"
+            class="learn-content-body-description-txt p-content"
             v-html="contentObj.contents"
             @click="showImg($event)"
           >
@@ -156,6 +156,9 @@
               </div>
             </div>
           </div>
+          <div v-if="commentNoMore" class="learn-content-comment-nomore">
+            没有更多了
+          </div>
         </div>
       </div>
       <!-- 发布评论 -->
@@ -212,7 +215,8 @@ export default {
         xlsx: require("@/assets/image/learn/xlsx.png"),
         text: require("@/assets/image/learn/text.png")
       },
-      loading: true
+      loading: true,
+      commentNoMore: false // 是否没有更多数据了
     };
   },
   computed: {
@@ -273,6 +277,7 @@ export default {
     // 查询：评论列表内容
     getCommentListFun() {
       // ！！！需要查询评论列表内容！！！
+      this.commentNoMore = false;
       let path = {
         materialId: this.materialId
       };
@@ -289,6 +294,7 @@ export default {
           // 分页到底了
           if (res.data.last) {
             this.canCommentFlag = false;
+            this.commentNoMore = true;
           } else {
             this.canCommentFlag = true;
           }
@@ -566,7 +572,7 @@ export default {
   .learn-content-body {
     padding: 0.5rem 1rem;
     .learn-content-body-title {
-      font-size: 0.7rem;
+      font-size: 1.1rem;
       font-weight: bold;
       word-break: break-all;
       word-wrap: break-word;
@@ -581,6 +587,9 @@ export default {
       word-break: break-all;
       word-wrap: break-word;
       letter-spacing: 0.2rem;
+      .learn-content-body-description-txt {
+        font-size: 0.8rem;
+      }
       .imgDolg {
         overflow-y: scroll;
         overflow-x: scroll;
@@ -742,6 +751,13 @@ export default {
           }
         }
       }
+      .learn-content-comment-nomore {
+        width: 100%;
+        color: #969799;
+        font-size: 0.63636rem;
+        line-height: 2.27273rem;
+        text-align: center;
+      }
     }
   }
   .learn-content-post-comment {