GithubProxy/uni-halo
1
0
Fork 0
mirror of https://github.com/ialley-workshop-open/uni-halo.git synced 2025-05-19 10:00:13 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复瞬间视频不显示bug

Browse Source
This commit is contained in:
小莫唐尼 2024-10-17 18:49:28 +08:00
parent 32b3bbaa74
commit 26ce84b950
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pages/tabbar/moments/moments.vue
View File

@ -37,13 +37,21 @@
:content="moment.spec.content.html" :markdown="true" :showLineNumber="true" :content="moment.spec.content.html" :markdown="true" :showLineNumber="true"
:showLanguageName="true" :copyByLongPress="true"/> :showLanguageName="true" :copyByLongPress="true"/>
</view> </view>
<view v-if="moment.spec.content.medium.length!==0" class="images" <view class="mb-12 mt--12" v-if="moment.videos.length!==0"
:class="['images-'+moment.spec.content.medium.length]"> style="display: flex; flex-direction: column; gap: 12rpx 0;padding: 0 24rpx; ">
<view class="image-item" v-for="(image,mediumIndex) in moment.spec.content.medium" <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"> :key="mediumIndex">
<image mode="aspectFill" style="width: 100%;height: 100%;border-radius: 6rpx;" <image mode="aspectFill" style="width: 100%;height: 100%;border-radius: 6rpx;"
:src="image.url" :src="image.url"
@click="handlePreview(mediumIndex,moment.spec.content.medium)"/> @click="handlePreview(mediumIndex,moment.images)"/>
</view> </view>
</view> </view>
</view> </view>
@ -143,11 +151,15 @@ export default {
displayName: this.bloggerInfo.nickname, displayName: this.bloggerInfo.nickname,
avatar: this.$utils.checkAvatarUrl(this.bloggerInfo.avatar) 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') .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; return item;
}) })