优化详情页面

This commit is contained in:
TOP糯米 2023-04-02 17:11:08 +08:00
parent 8b5cd8f0cc
commit b1fafc5074
1 changed files with 3 additions and 3 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 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>
@ -87,7 +87,7 @@ export default {
margin-top: 24rpx; margin-top: 24rpx;
} }
} }
.body { .body.mt40 {
margin-top: 40rpx; margin-top: 40rpx;
} }
} }