From fe564d159fb14aa1335180603e3c6cb337aa7545 Mon Sep 17 00:00:00 2001
From: Connor <1813766834@qq.com>
Date: Sat, 8 Jun 2024 22:18:45 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=86=99=E8=AF=9D=E9=A2=98=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/common/postview/index.vue | 83 ++++++++++++++++++++++++++++++---
 pages/index.vue                 |  4 ++
 2 files changed, 81 insertions(+), 6 deletions(-)

diff --git a/pages/common/postview/index.vue b/pages/common/postview/index.vue
index bf7d06b..7875dd5 100644
--- a/pages/common/postview/index.vue
+++ b/pages/common/postview/index.vue
@@ -39,9 +39,41 @@
 							:src="mediaItem"></image>
 					</view>
 				</block>
-				<!--三张图片-->
-				<block v-if="postValue.media.length >= 3">
-					<u-album :urls="postValue.media" singleSize="660rpx" multipleSize="220rpx" space="10rpx" maxCount="3"></u-album>
+				<!-- 三张图片 -->
+				<block v-if="postValue.media.length == 3">
+					<!-- <u-album :urls="postValue.media" singleSize="660rpx" multipleSize="220rpx" space="10rpx" maxCount="3"></u-album> -->
+					<view class="flex justifyBetween">
+						<view class="img-style-3-1" v-for="(mediaItem, index3) in postValue.media.slice(0,3)" :key="index3">
+								<image :lazy-load="true"
+									@tap.stop="previewImage(mediaItem, postValue.media)" mode="aspectFill"
+									:src="mediaItem"></image>
+						</view>
+					</view>
+				</block>
+				<!--大于三张图片-列表-->
+				<block v-if="postValue.media.length > 3 && postViewType == 0">
+					<!-- <u-album :urls="postValue.media" singleSize="660rpx" multipleSize="220rpx" space="10rpx" maxCount="3"></u-album> -->
+					<view class="flex justifyBetween">
+						<view class="img-style-3-2" v-for="(mediaItem, index3) in postValue.media.slice(0,3)" :key="index3">
+								<image :lazy-load="true"
+									@tap.stop="previewImage(mediaItem, postValue.media)" mode="aspectFill"
+									:src="mediaItem"></image>
+								<view v-if="index3 == 2" class="img-cover-style" @tap.stop="previewImage(mediaItem, postValue.media)">
+									<text>+{{ postValue.media.length - 3 }}</text>
+								</view>
+						</view>
+					</view>
+				</block>
+				<!--大于三张图片-详情-->
+				<block v-if="postValue.media.length >= 3 && postViewType == 1">
+					<!-- <u-album :urls="postValue.media" singleSize="660rpx" multipleSize="220rpx" space="10rpx" maxCount="3"></u-album> -->
+					<view class="flex justifyBetween wrap">
+						<view class="img-style-3-1" v-for="(mediaItem, index3) in postValue.media" :key="index3">
+								<image :lazy-load="true"
+									@tap.stop="previewImage(mediaItem, postValue.media)" mode="aspectFill"
+									:src="mediaItem"></image>
+						</view>
+					</view>
 				</block>
 				<!-- tab -->
 				<view class="center-content-post-tab" style="display: flex;">
@@ -281,7 +313,7 @@
 		.u-album__row__wrapper {}
 		
 		.data-v-6fcabaad {
-			border-radius: 20rpx 20rpx 20rpx 20rpx !important;
+			border-radius: 20rpx !important;
 	/* 		width: 200rpx !important;
 			height: 200rpx !important; */
 		}
@@ -381,7 +413,7 @@
 		
 		width: 686rpx;
 		height: 370rpx;
-		border-radius: 18rpx 18rpx 18rpx 18rpx;
+		border-radius: 20rpx;
 		background: #b3d7ff;
 		}
 		
@@ -393,9 +425,48 @@
 		
 				width: 100%;
 				height: 306rpx;
-				border-radius: 18rpx 18rpx 18rpx 18rpx;
+				border-radius: 20rpx;
 			}
 		}
+		
+		.img-style-3-1{
+			
+			image {
+				// margin: 6rpx;
+				width: 222rpx;
+				height: 222rpx;
+				border-radius: 20rpx;
+			}
+		}
+		
+		.img-style-3-2{
+			display: flex;
+			justify-content: space-between;
+			position: relative;
+			image {
+				// margin: 6rpx;
+				width: 222rpx;
+				height: 222rpx;
+				border-radius: 20rpx;
+			}
+		}
+		
+		.img-cover-style{
+			    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.3);
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+	border-radius: 20rpx;
+	text{
+		color: #fff;
+	}
+		}
 
 	
 		
diff --git a/pages/index.vue b/pages/index.vue
index f0eebd5..8574139 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -493,6 +493,10 @@ import PostView from "@/pages/common/postview/index.vue";
 		/* 		width: 200rpx !important;
 				height: 200rpx !important; */
 			}
+			
+		.data-v-6fcabaad{
+			border-radius: 20rpx 20rpx 20rpx 20rpx !important;
+		}
 
 	.box-a {
 	    margin-top: 42rpx;