diff --git a/src/pages/detail/detail.vue b/src/pages/detail/detail.vue
index aaf035b..a3c0438 100644
--- a/src/pages/detail/detail.vue
+++ b/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>
+                <text v-if="info.date.length > 0" 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>
@@ -114,7 +114,7 @@ export default {
             margin-top: 24rpx;
         }
     }
-    .body {
+    .body.mt40 {
         margin-top: 40rpx;
     }
 }