czg_team
/
video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
YeMingfei666 2024-12-17 18:47:12 +08:00
parent b5b403c7b1
commit 57cfb4babd
1 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
me/detail/detail.vue
View File

@ -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">
border-radius="24" mode="bottom" >
<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> -->
当前视频 没有播放权限
@ -304,6 +304,8 @@
// #ifdef MP-WEIXIN || MP-TOUTIAO
var videoAd = null;
// #endif
import {returnIsSafari} from '@/utils/app.js'
export default {
components: {
@ -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;
@ -1894,7 +1909,7 @@
padding: 16rpx 0;
text-align: center;
}
.bsActive {
background-color: #ffffff;
border-radius: 6rpx;