From ad8ebab5d4294f119ee6b9c9ee6dd232f8c68008 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Mon, 20 Feb 2023 14:11:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../qujing/AppLegalLearning/classDetail.vue   | 75 ++++++++++---------
 1 file changed, 40 insertions(+), 35 deletions(-)

diff --git a/src/project/qujing/AppLegalLearning/classDetail.vue b/src/project/qujing/AppLegalLearning/classDetail.vue
index 4f7f2b4..1ffd921 100644
--- a/src/project/qujing/AppLegalLearning/classDetail.vue
+++ b/src/project/qujing/AppLegalLearning/classDetail.vue
@@ -24,7 +24,7 @@
 
     <u-popup v-model="showComment" mode="bottom" border-radius="32">
 			<h4 class="message_num">共{{ data.msgCount }}条评论</h4>
-      <div v-if="commentList.length">
+      <div class="comment_box" v-if="commentList.length">
         <div class="comment_card" v-for="item in commentList" :key="item.id">
           <div class="avatar">
             <img :src="item.avatar" alt="" v-if="item.avatar">
@@ -244,51 +244,55 @@ export default {
     color: #333333;
   }
 
-  .comment_card {
-    display: flex;
-    padding: 24px 32px;
-    box-sizing: border-box;
+  .comment_box {
+    width: 100%;
+    max-height: 700px;
+    overflow: scroll;
+    .comment_card {
+      display: flex;
+      padding: 24px 32px;
+      box-sizing: border-box;
 
-    .avatar {
-      width: 64px;
-      height: 64px;
-      border-radius: 50%;
+      .avatar {
+        width: 64px;
+        height: 64px;
+        border-radius: 50%;
 
-      img {
-        width: 100%;
-        height: 100%;
+        img {
+          width: 100%;
+          height: 100%;
+        }
       }
-    }
 
-    .comment_info {
-      margin-left: 16px;
-      width: calc(100% - 80px);
+      .comment_info {
+        margin-left: 16px;
+        width: calc(100% - 80px);
 
-      .avatar_info {
-        display: flex;
-        justify-content: space-between;
+        .avatar_info {
+          display: flex;
+          justify-content: space-between;
 
-        .avatar_name {
-          font-weight: 500;
-          font-size: 28px;
+          .avatar_name {
+            font-weight: 500;
+            font-size: 28px;
+            color: #333333;
+          }
+          .avatar_time {
+            font-weight: 400;
+            font-size: 26px;
+            color: #999999;
+          }
+        }
+
+        .comm_content {
+          margin-top: 8px;
+          font-weight: 400;
+          font-size: 32rpx;
           color: #333333;
         }
-        .avatar_time {
-          font-weight: 400;
-          font-size: 26px;
-          color: #999999;
-        }
-      }
-
-      .comm_content {
-        margin-top: 8px;
-        font-weight: 400;
-        font-size: 32rpx;
-        color: #333333;
       }
     }
   }
-
   .comm_input_btn {
     width: 100%;
     height: 128px;
@@ -308,6 +312,7 @@ export default {
       color: #666666;
     }
   }
+  
 
   .send_box {
     display: flex;