1

src/assets/scss/main.scss

@@ -713,8 +713,7 @@ footer {
 
   .head-image {
     width: 100%;
-    height: 300px;
-    object-fit: cover;
+    height: auto;
     border-radius: 8px;
     margin-bottom: 20px;
   }

src/pages/page/[id].vue

@@ -66,13 +66,15 @@
                       articlesData.content.value.createtime  || 0) * 1000), 'yyyy-MM-dd') }}</p>
                     <p class="views">浏览量： {{ articlesData.content.value.views }} </p>
                   </div>
-                  <div v-if="!articlesData.content.value.content &&articlesData.content.value.image" class="head-image">
-                    <img :src="articlesData.content.value.image" />
-                  </div>
+                  <img 
+                    v-if="!articlesData.content.value.content && articlesData.content.value.image" 
+                    class="head-image"
+                    :src="articlesData.content.value.image" 
+                  />
 
                   <div class="content" v-html="articlesData.content.value.content">
                   </div>
-                  <a-empty v-if="!articlesData.content.value.content"
+                  <a-empty v-if="!articlesData.content.value.content && !articlesData.content.value.image"
                     description="暂无内容"
                   />
                 </div>