添加图片预览

packages/sonpingDetail/viewDetail.vue

@@ -68,6 +68,18 @@
 		  <!-- <text class="text_20">{{ ['不正常','正常'][item.result_type] }}</text> -->
 		  <text class="text_20">{{ item.result_type_text }}</text>
 		</view>
+		        <view class="flex-col group_20" v-if="item.images">
+		          <view class="flex-row">
+					  
+		            <image v-for="(img, index_img) in itemImages(item.images_url)" :key="img"
+		              :src="img"
+		              class="equal-division-item"
+					  @click="previewImage(img)"
+		            />
+		          </view>
+		          <view class="section_5"> </view>
+		        </view>
+
 	  </view>
     </view>
   </view>
@@ -93,6 +105,23 @@
 			console.log("res", res)
 			this.order = res.data.datas.order;
 		},
+		itemImages(images){
+			if(!images) return images
+			let count = 3-images.length;
+			if(count<=3){
+				for(let i =0 ;i<count;i++)
+				images.push(null)
+			}
+			return images;
+		},
+		previewImage(url){
+			if(!url) return
+			uni.previewImage({
+				urls: [url],
+				current: 0
+			})
+		}
+
 	}
   };
 </script>