未来规划-最新进展-图片布局与显示

pages/future/future.vue

@@ -72,7 +72,7 @@
               </view>
               <image
                 v-if="item.coverUrl"
-                :src="item.coverUrl"
+                :src="item.coverUrl.split(',')[0]"
                 class="content-image"
                 mode="aspectFill"
               ></image>

pages/institutionalStructure/projectDetail.vue

@@ -1,13 +1,5 @@
 <template>
   <view class="project-detail-container">
-    <!-- 封面图片 -->
-    <image
-      v-if="projectData.coverUrl"
-      :src="projectData.coverUrl"
-      class="cover-image"
-      mode="widthFix"
-    />
-
     <!-- 标题和日期 -->
     <view class="header">
       <text class="title">{{ projectData.title }}</text>
@@ -16,6 +8,16 @@
       </text>
     </view>
 
+    <!-- 封面图片 -->
+    <template v-if="projectData.coverUrl">
+      <image
+        v-for="item in projectData.coverUrl.split(',')"
+        :src="item"
+        class="cover-image"
+        mode="widthFix"
+      />
+    </template>
+
     <!-- 内容区域 -->
     <view class="content-box">
       <rich-text :nodes="projectData.content"></rich-text>