kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

评论滚动

Browse Source
This commit is contained in:
shijingjing
2023-02-20 14:11:07 +08:00
parent 902c1009bd
commit ad8ebab5d4
1 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/project/qujing/AppLegalLearning/classDetail.vue
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,51 +244,55 @@ export default {
color: #333333; color: #333333;
} }
.comment_card { .comment_box {
display: flex; width: 100%;
padding: 24px 32px; max-height: 700px;
box-sizing: border-box; overflow: scroll;
.comment_card {
display: flex;
padding: 24px 32px;
box-sizing: border-box;
.avatar { .avatar {
width: 64px; width: 64px;
height: 64px; height: 64px;
border-radius: 50%; border-radius: 50%;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
}
} }
}
.comment_info { .comment_info {
margin-left: 16px; margin-left: 16px;
width: calc(100% - 80px); width: calc(100% - 80px);
.avatar_info { .avatar_info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.avatar_name { .avatar_name {
font-weight: 500; font-weight: 500;
font-size: 28px; 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; 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 { .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;