优化详情页面

src/pages/detail/detail.vue

@@ -1,11 +1,11 @@
 <template>
     <app-layout :title="pageTitle">
         <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="date">{{ info.date }}</text>
             </view>
-            <view class="body">
+            <view class="body" :class="{ mt40: info.title.length > 0 }">
                 <rich-text :nodes="info.content"></rich-text>
             </view>
         </div>
@@ -87,7 +87,7 @@ export default {
             margin-top: 24rpx;
         }
     }
-    .body {
+    .body.mt40 {
         margin-top: 40rpx;
     }
 }