From 26ce84b950f485eb914b0041ca025798619dc76f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=8E=AB=E5=94=90=E5=B0=BC?= <1431128779@qq.com>
Date: Thu, 17 Oct 2024 18:49:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=9E=AC=E9=97=B4?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=B8=8D=E6=98=BE=E7=A4=BAbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/tabbar/moments/moments.vue | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/pages/tabbar/moments/moments.vue b/pages/tabbar/moments/moments.vue
index 6a12e61..f3f1481 100644
--- a/pages/tabbar/moments/moments.vue
+++ b/pages/tabbar/moments/moments.vue
@@ -37,13 +37,21 @@
                                          :content="moment.spec.content.html" :markdown="true" :showLineNumber="true"
                                          :showLanguageName="true" :copyByLongPress="true"/>
                             </view>
-                            <view v-if="moment.spec.content.medium.length!==0" class="images"
-                                  :class="['images-'+moment.spec.content.medium.length]">
-                                <view class="image-item" v-for="(image,mediumIndex) in moment.spec.content.medium"
+                            <view class="mb-12 mt--12" v-if="moment.videos.length!==0"
+                                  style="display: flex; flex-direction: column; gap: 12rpx 0;padding: 0 24rpx; ">
+                                <video
+                                    style="width:100%;height: 400rpx;border-radius: 12rpx;"
+                                    v-for="(video,index) in moment.videos"
+                                    :key="index" :src="video.url"></video>
+                            </view>
+                            <view v-if="moment.images.length!==0" class="images"
+                                  :class="['images-'+moment.images.length]">
+                                <view class="image-item"
+                                      v-for="(image,mediumIndex) in moment.images"
                                       :key="mediumIndex">
                                     <image mode="aspectFill" style="width: 100%;height: 100%;border-radius: 6rpx;"
                                            :src="image.url"
-                                           @click="handlePreview(mediumIndex,moment.spec.content.medium)"/>
+                                           @click="handlePreview(mediumIndex,moment.images)"/>
                                 </view>
                             </view>
                         </view>
@@ -143,11 +151,15 @@ export default {
                             displayName: this.bloggerInfo.nickname,
                             avatar: this.$utils.checkAvatarUrl(this.bloggerInfo.avatar)
                         }
-                        item.spec.content.medium
+                        item.spec.content.medium.map(medium => {
+                            medium.url = this.$utils.checkThumbnailUrl(medium.url, true)
+                        })
+
+                        item['images'] = item.spec.content.medium
                             .filter(x => x.type === 'PHOTO')
-                            .map(medium => {
-                                medium.url = this.$utils.checkThumbnailUrl(medium.url, true)
-                            })
+
+                        item['videos'] = item.spec.content.medium
+                            .filter(x => x.type === 'VIDEO')
                         return item;
                     })