修复ios浏览器刷太快时支付弹窗部分被遮挡

me/detail/detail.vue

@@ -9,7 +9,7 @@
 					<!-- #ifdef MP-WEIXIN -->
 					<!-- wxUrl -->
 					<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" @timeupdate="timeupdate"
-						@waiting="waiting()" object-fit="cover" v-if="current === index && item.videoUrl"
+						@waiting="waiting()" object-fit="contain" v-if="current === index && item.videoUrl"
 						:play-strategy="2" :show-loading="true" codec="software" :muted="false"
 						:show-center-play-btn="true" :loop="false" @ended="ended"
 						@play="videoPlay('myVideo'+item.courseDetailsId)" :enable-progress-gesture="false"
@@ -20,7 +20,7 @@
 					<!-- #ifndef MP-WEIXIN -->
 					<video :show-fullscreen-btn="false" @click.stop.prevent="isSelectType" :controls="true"
 						@controlstoggle="controlstoggles" @timeupdate="timeupdate" @waiting="waiting()"
-						object-fit="cover" v-if="current === index && item.videoUrl" :play-strategy="2"
+						object-fit="contain" v-if="current === index && item.videoUrl" :play-strategy="2"
 						:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="false"
 						@ended="ended" @play="videoPlay('myVideo'+item.courseDetailsId)"
 						:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
@@ -155,7 +155,7 @@
 		<!-- #endif -->
 		<!-- #ifdef MP-KUAISHOU -->
 		<uv-popup @maskClick="maskClick" :closeable="true" ref="popupBsss" mode="bottom" custom-style="height: 800rpx;"
-			:safe-area="false" bgColor="#202020">
+			:safe-area="true" bgColor="#202020">
 			<view class="list">
 				<view class="list-title flex align-center">
 					{{title}}
@@ -186,10 +186,10 @@
 		<!-- #endif -->
 
 		<!-- 购买视频 -->
-		<u-popup :closeable="true" :custom-style="customStyle" :safe-area-inset-bottom="false" close-icon="close"
+		<u-popup :closeable="true" :custom-style="customStyle" :safe-area-inset-bottom="true" close-icon="close"
 			close-icon-size="30" close-icon-color="#333333" :mask-custom-style="maskCustomStyle" v-model="showPay"
 			border-radius="24" mode="bottom" >
-			<view class="list">
+			<view class="list" :style="listStyle">
 				<view class="list-title flex align-center">
 					<!-- <u-icon name="lock" class="list-title-icon" color="#efbb6b" size="40"></u-icon> -->
 					当前视频 没有播放权限
@@ -305,6 +305,8 @@
 	var videoAd = null;
 	// #endif
 	
+	import {returnIsSafari} from '@/utils/app.js'
+
 	export default {
 		components: {
 			tkiQrcode,
@@ -312,6 +314,7 @@
 		},
 		data() {
 			return {
+				isSafari:returnIsSafari(),
 				//记录未购买视频索引
 				noBuyVideoIndex: null,
 				//奖品列表
@@ -452,6 +455,14 @@
 			}
 		},
 		computed: {
+			listStyle(){
+				if(this.isSafari){
+					return {
+						'min-height':'540rpx'
+					}
+				}
+				return ''
+			},
 			//当前视频是否可以看广告解锁
 			advertising() {
 				return this.videoList.length > 0 ? this.videoList[this.current].advertising == 1 : false
@@ -739,7 +750,9 @@
 			},
 			showControls(val) {
 				//在没有播放视频权限的时候控制中心不隐藏
-				if (!this.videoList[this.current].videoUrl) {
+				const nowVideo=this.videoList[this.current]
+				const videoUrl=nowVideo?nowVideo.videoUrl:''
+				if (!videoUrl) {
 					this.showControls = true
 					this.$forceUpdate()
 				}
@@ -1858,7 +1871,9 @@
 	page {
 		background-color: #000;
 	}
-
+	::v-deep .u-drawer-content{
+		// position: fixed;
+	}
 	.videoListCurr {
 		background-color: #ff7581 !important;
 		color: #ffffff !important;