评论滚动

This commit is contained in:
shijingjing
2023-02-20 14:11:07 +08:00
parent 902c1009bd
commit ad8ebab5d4

View File

@@ -24,7 +24,7 @@
<u-popup v-model="showComment" mode="bottom" border-radius="32"> <u-popup v-model="showComment" mode="bottom" border-radius="32">
<h4 class="message_num">{{ data.msgCount }}条评论</h4> <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="comment_card" v-for="item in commentList" :key="item.id">
<div class="avatar"> <div class="avatar">
<img :src="item.avatar" alt="" v-if="item.avatar"> <img :src="item.avatar" alt="" v-if="item.avatar">
@@ -244,6 +244,10 @@ export default {
color: #333333; color: #333333;
} }
.comment_box {
width: 100%;
max-height: 700px;
overflow: scroll;
.comment_card { .comment_card {
display: flex; display: flex;
padding: 24px 32px; padding: 24px 32px;
@@ -288,7 +292,7 @@ export default {
} }
} }
} }
}
.comm_input_btn { .comm_input_btn {
width: 100%; width: 100%;
height: 128px; height: 128px;
@@ -309,6 +313,7 @@ export default {
} }
} }
.send_box { .send_box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;