评论滚动
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user