处理ios兼容性问题

components/my-video-list/list-item-稳定版.vue

@@ -411,7 +411,7 @@
 		color: #ffffff;
 		font-size: 15px;
 		z-index: 9999;
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 	}
 
 	.u-flex-y-center {
@@ -426,7 +426,7 @@
 	}
 
 	.right {
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 		position: absolute !important;
 		right: 20rpx;
 		/* #ifdef H5 */

components/my-video-list/list-item-预发布优化版.vue

@@ -67,6 +67,10 @@ let loop=ref(false)
 	loop.value=true
 	// #endif
 	const props = defineProps({
+		height:{
+			type:Number,
+			default:0
+		},
 		item: {
 			type: Object,
 			defaulr: () => {
@@ -435,7 +439,7 @@ let loop=ref(false)
 		color: #ffffff;
 		font-size: 15px;
 		z-index: 9999;
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 	}
 
 	.u-flex-y-center {
@@ -450,7 +454,7 @@ let loop=ref(false)
 	}
 
 	.right {
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 		position: absolute !important;
 		right: 20rpx;
 		/* #ifdef H5 */

components/my-video-list/list-item.vue

@@ -2,7 +2,9 @@
 	<view class="item" @appear="appear" @disappear="disappear" @click.stop 	:style="{height:height+'px'}">
 
 		<video class="u-flex-1 video" :show-fullscreen-btn="false" @controlstoggle="controlstoggles" v-if="showVideo"
-	
+			play-btn-position="center"
+			show-center-play-btn
+			:show-play-btn="false"
 			@timeupdate="timeupdate" @waiting="waiting()" object-fit="cover" @pause="onpause" @click="videoClick()"
 			@play="videoPlay('myVideo'+item.courseDetailsId,item.courseDetailsId)" :play-strategy="2"
 			:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="loop"
@@ -334,7 +336,7 @@
 
 	const infoStyle = computed(() => {
 		return {
-			transform: `translateX(${(!isPlying.value||!props.item.videoUrl)?0:'-110%'})`
+			transform: `translateX(${(!isPlying.value||!props.item.videoUrl)?0:'-750rpx'})`
 		}
 	})
 
@@ -411,7 +413,7 @@
 		color: #ffffff;
 		font-size: 15px;
 		z-index: 9999;
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 	}
 
 	.u-flex-y-center {
@@ -426,7 +428,7 @@
 	}
 
 	.right {
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 		position: absolute !important;
 		right: 20rpx;
 		/* #ifdef H5 */
@@ -434,7 +436,7 @@
 		transform: translateY(-50%);
 		/* #endif */
 		/* #ifdef APP */
-		top: 500px;
+		bottom: 100px;
 		/* #endif */
 		z-index: 999;
 		color: #fff;

components/my-video-list/my-video-list.vue

@@ -322,7 +322,7 @@
 		scrollTop: 0,
 		items: [],
 		scrollHeight: 0,
-		height: 400
+		height: 300
 	})
 	const refXuanjiList = ref(null)
 
@@ -334,8 +334,10 @@
 		const height = 44
 		const marginBottom = 10
 		const oneItemHeight = height + marginBottom
-		xuanjiData.scrollTop = Math.ceil((nowIndex.value + 1) / 3) * oneItemHeight - (xuanjiData.height) / 2 +
+		const scrollTop= Math.ceil((nowIndex.value + 1) / 3) * oneItemHeight - (xuanjiData.height) / 2 +
 			oneItemHeight / 2
+			console.log(scrollTop);
+		xuanjiData.scrollTop =scrollTop<0?0:scrollTop
 		return
 		// #endif