From d6a96da7c13206149fc1d60e8977c874f9ee91ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E8=8D=A3=E5=85=B4?= <dongrx>
Date: Mon, 23 Oct 2023 11:05:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8D=95=E4=B8=AA?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E9=A2=84=E8=A7=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../uview-ui/components/u-upload/u-upload.vue | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/uni_modules/uview-ui/components/u-upload/u-upload.vue b/uni_modules/uview-ui/components/u-upload/u-upload.vue
index 1dac8a77..9ca481e4 100644
--- a/uni_modules/uview-ui/components/u-upload/u-upload.vue
+++ b/uni_modules/uview-ui/components/u-upload/u-upload.vue
@@ -18,6 +18,19 @@
 							height: $u.addUnit(height)
 						}]"
 					/>
+					<video
+						v-else-if="item.isVideo || (item.type && item.type === 'video')"
+						:src="item.thumb || item.url"
+						:mode="imageMode"
+						class="u-upload__wrap__preview__image"
+						@tap="onClickPreview(item)"
+						:style="[
+              {
+                width: $u.addUnit(width),
+                height: $u.addUnit(height),
+              },
+            ]"
+					/>
 					<view
 					    v-else
 					    class="u-upload__wrap__preview__other"
@@ -25,9 +38,9 @@
 						<u-icon
 						    color="#80CBF9"
 						    size="26"
-						    :name="item.isVideo || (item.type && item.type === 'video') ? 'movie' : 'folder'"
+						    name="folder"
 						></u-icon>
-						<text class="u-upload__wrap__preview__other__text">{{item.isVideo || (item.type && item.type === 'video') ? '视频' : '文件'}}</text>
+						<text class="u-upload__wrap__preview__other__text">文件</text>
 					</view>
 					<view
 					    class="u-upload__status"
@@ -318,38 +331,27 @@
 					},
 				});
 			},
-			onPreviewVideo(event) {
-				if (!this.data.previewFullImage) return;
-				const {
-					index
-				} = event.currentTarget.dataset;
-				const {
-					lists
-				} = this.data;
-				wx.previewMedia({
-					sources: lists
-						.filter((item) => isVideoFile(item))
-						.map((item) =>
-							Object.assign(Object.assign({}, item), {
-								type: 'video'
-							})
-						),
-					current: index,
-					fail() {
-						uni.$u.toast('预览视频失败')
-					},
-				});
-			},
-			onClickPreview(event) {
-				const {
-					index
-				} = event.currentTarget.dataset;
-				const item = this.data.lists[index];
-				this.$emit(
-					'clickPreview',
-					Object.assign(Object.assign({}, item), this.getDetail(index))
-				);
-			}
+      onPreviewVideo(event) {
+        if (!this.data.previewFullImage) return;
+        const { index } = event.currentTarget.dataset;
+        const { lists } = this.data;
+        uni.previewMedia({
+          sources: lists
+          .filter((item) => isVideoFile(item))
+          .map((item) =>
+            Object.assign(Object.assign({}, item), {
+              type: "video",
+            })
+          ),
+          current: index,
+          fail() {
+            uni.$u.toast("预览视频失败");
+          },
+        });
+      },
+      onClickPreview(item) {
+        this.$emit("clickPreview", item);
+      },
 		}
 	}
 </script>