评论滚动

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,6 +244,10 @@ export default {
     color: #333333;
   }
 
+  .comment_box {
+    width: 100%;
+    max-height: 700px;
+    overflow: scroll;
     .comment_card {
       display: flex;
       padding: 24px 32px;
@@ -288,7 +292,7 @@ export default {
         }
       }
     }
-
+  }
   .comm_input_btn {
     width: 100%;
     height: 128px;
@@ -309,6 +313,7 @@ export default {
     }
   }
   
+
   .send_box {
     display: flex;
     justify-content: space-between;