优化详情页面

This commit is contained in:
TOP糯米 2023-04-02 17:15:29 +08:00
parent e53f9cb4f7
commit 80f7079b5a
1 changed files with 4 additions and 4 deletions

View File

@ -1,11 +1,11 @@
<template> <template>
<app-layout :title="pageTitle"> <app-layout :title="pageTitle">
<div class="message-container"> <div class="message-container">
<view class="head"> <view v-if="info.title.length > 0" class="head">
<text class="title limit-line clamp-1">{{ info.title }}</text> <text class="title limit-line clamp-1">{{ info.title }}</text>
<text class="date">{{ info.date }}</text> <text v-if="info.date.length > 0" class="date">{{ info.date }}</text>
</view> </view>
<view class="body"> <view class="body" :class="{ mt40: info.title.length > 0 }">
<rich-text :nodes="info.content"></rich-text> <rich-text :nodes="info.content"></rich-text>
</view> </view>
</div> </div>
@ -114,7 +114,7 @@ export default {
margin-top: 24rpx; margin-top: 24rpx;
} }
} }
.body { .body.mt40 {
margin-top: 40rpx; margin-top: 40rpx;
} }
} }