Skip to content

Commit 9e66421

Browse files
committed
优化留言列表中,留言内容的行间距,回复行的padding-bottom、上下居中样式等
1 parent bc74eae commit 9e66421

File tree

2 files changed

+4
-3
lines changed

2 files changed

+4
-3
lines changed

src/components/MainPage/MessageBoard.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,7 @@
4747
<i class='iconfont icon-buoumaotubiao23 LocationIconfont'></i>{{ item.LocationCityName }}
4848
</span>
4949
</div>
50-
<div class="ArticleCommentText" v-html="item.MessageText">{{ item.MessageText }}
51-
</div>
50+
<div class="ArticleCommentText" v-html="item.MessageText">{{ item.MessageText }}</div>
5251
<div class="DateAnswer">
5352
<div class="DateAnswerLeft">{{ item.MessageLeaveDate }}</div>
5453
<div class="DateAnswerRight" @click="AnswerMessage(item.MessageLeaveName)">回复

src/static/css/BlogDetail.less

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -254,6 +254,7 @@
254254
.ArticleCommentText{
255255
font-size: 0.85rem;
256256
word-break: break-all;
257+
line-height: 1.5rem;
257258
}
258259
.ArticleCommentText img{
259260
margin-top: 0.5rem;
@@ -264,8 +265,9 @@
264265

265266
.DateAnswer{
266267
color: @FontColorGrayDeep;
267-
.myflex('middle');
268+
.myflex(center);
268269
width: 100%;
270+
padding-bottom: 0 !important;
269271
}
270272
.DateAnswerLeft{
271273
flex: 1;

0 commit comments

Comments
 (0)