fix: 修复我的随手拍 不能查看视频、图片

pages/mine-picture-detail/index.vue

@@ -12,7 +12,7 @@
           <view class="one">上传照片</view>
         </view>
         <view class="photo_list">
-          <view class="photo_item" v-for="(val, index) in mediaList" :key="item.id" @click="previewVideo(val, index)">
+          <view class="photo_item" v-for="(val, index) in mediaList" :key="val.id" @click="previewVideo(val, index)">
             <image v-if="val.type === 'image'" mode="aspectFill" :src="val.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" />
             <view v-else class="play-wrapper">
               <video :id="`myVideo${index}`" class="upload_img" :src="val.url" />
@@ -97,22 +97,25 @@ export default {
         item.image_list = item.image_list.split(',');
         item.video_list = item.video_list.split(',');
         item.put_date = item.put_date.substring(0, 16);
-        item.image_list.pop();
         item.image_list.forEach((element) => {
           this.mediaList.push({
+            id: uni.$u.guid(),
             type: 'image',
             url: element,
           });
         });
-        item.video_list.pop();
         item.video_list.forEach((element, index) => {
           this.mediaList.push({
+            id: uni.$u.guid(),
             type: 'video',
             url: element,
-            videoContext: uni.createVideoContext(`myVideo${index}`),
           });
         });
       });
+      this.mediaList = this.mediaList.map((value, index) => ({
+        ...value,
+        videoContext: uni.createVideoContext(`myVideo${index}`),
+      }));
 
       this.photoDetail = dataList;
     },
@@ -120,7 +123,7 @@ export default {
     // 预览视频
     previewVideo(item, index) {
       if (item.type === 'video') {
-        this.mediaList.at(index).videoContext.requestFullScreen();
+        this.mediaList[index].videoContext.requestFullScreen();
       }
       if (item.type === 'image') {
         uni.previewImage({