Skip to content

U
uniapp_vedio
Commit 0d03a35e authored by mengcuiguang's avatar mengcuiguang
Browse files
Options

代码优化

parent 3abfe355
Hide whitespace changes
Inline Side-by-side
Showing with 186 additions and 165 deletions
vedio/App.vue
View file @ 0d03a35e
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
versionName: 'v 1.0.0', versionName: 'v 1.0.0',
auth: false, // 三要素实名认证 auth: false, // 三要素实名认证
userInfo: null, userInfo: null,
pkgName: 'com.mints.dybrightvideo' pkgName: 'com.mints.dyminivideo'
} }
}; };
</script> </script>
......
vedio/components/ad-popup/ad-popup.vue
View file @ 0d03a35e
<template> <template>
<view> <view>
<uni-popup type="center" ref="adPop" :maskClick="false" :isMaskClick="false"> <uni-popup type="center" ref="adPop" :maskClick="false" :isMaskClick="false">
<view class="container"> <view class="container">
<!-- <view class="ad-view"> <!-- <view class="ad-view">
<ad :unit-id="adUnitId" @load="onload" @close="onclose" @error="onerror"></ad> <ad :unit-id="adUnitId" @load="onload" @close="onclose" @error="onerror"></ad>
</view> --> </view> -->
<view class="content"> <view class="content">
<text class="title">恭喜你,获得免费看剧名额</text> <text class="title">恭喜你,获得免费看剧名额</text>
<text class="button" @click="handleClose">看视频免费解锁1集</text> <text class="button" @click="handleClose">看视频免费解锁1集</text>
<text class="downtext">{{countDown+'s后自动进入广告页面解锁后续'}}</text> <text class="downtext">{{countDown}}s后自动进入广告,观看完成解锁第{{vedioIndex+1}}集剧情</text>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
</view> </view>
</template> </template>
<script> <script>
import { import {
EXPRESS_ID EXPRESS_ID
} from "@/utils/adConstant.js" } from "@/utils/adConstant.js"
export default { export default {
name: 'adPopup', name: 'adPopup',
props: { props: {
show: { show: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
}, vedioIndex: {
data() { type: [Number, String],
return { default: 0
adUnitId: EXPRESS_ID, }
countDown: 3, },
}; data() {
}, return {
methods: { adUnitId: EXPRESS_ID,
handleShow() { countDown: 3,
this.$refs.adPop.open('center'); };
this.startCountdown() },
}, methods: {
startCountdown() { handleShow() {
let that = this; this.$refs.adPop.open('center');
this.startCountdown()
var countDownSeconds = 3 },
startCountdown() {
that.countDown = countDownSeconds let that = this;
const timer = setInterval(() => {
if (countDownSeconds > 0) { var countDownSeconds = 3
that.countDown = countDownSeconds
countDownSeconds-- that.countDown = countDownSeconds
} else { const timer = setInterval(() => {
clearInterval(timer) if (countDownSeconds > 0) {
that.handleClose() that.countDown = countDownSeconds
} countDownSeconds--
}, 1000) } else {
}, clearInterval(timer)
handleClose() { that.handleClose()
this.$refs.adPop.close('center'); }
this.$emit('close'); }, 1000)
}, },
onload(e) { handleClose() {
console.log("onload"); this.$refs.adPop.close('center');
}, this.$emit('close');
onclose(e) { },
console.log("onclose: " + e.detail); onload(e) {
}, console.log("onload");
onerror(e) { },
console.log("onerror: " + e.detail.errCode + " message:: " + e.detail.errMsg); onclose(e) {
} console.log("onclose: " + e.detail);
}, },
watch: { onerror(e) {
show: { console.log("onerror: " + e.detail.errCode + " message:: " + e.detail.errMsg);
handler: function(newVal, oldVal) { }
if (newVal) { },
this.handleShow(); watch: {
} show: {
}, handler: function(newVal, oldVal) {
immediate: true if (newVal) {
} this.handleShow();
} }
}; },
</script> immediate: true
}
<style lang="scss">
.container {
width: 600rpx;
height: 800rpx;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.ad-view {
width: 600rpx;
border-radius: 20rpx;
// background-color: white;
margin-bottom: 10px;
}
.content {
border-radius: 20rpx;
background-color: white;
display: flex;
width: 600rpx;
padding: 30rpx 0;
flex-direction: column;
align-items: center;
.title {
color: black;
font-size: 40rpx;
font-weight: bold;
margin-bottom: 30rpx;
}
.button {
margin: 20rpx 20rpx;
border-radius: 10rpx;
background-color: orange;
color: white;
font-size: 36rpx;
} }
};
</script>
<style lang="scss">
.container {
width: 600rpx;
height: 800rpx;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.ad-view {
width: 600rpx;
border-radius: 20rpx;
// background-color: white;
margin-bottom: 10px;
}
.content {
border-radius: 20rpx;
background-color: white;
display: flex;
width: 600rpx;
padding: 30rpx 0;
flex-direction: column;
align-items: center;
.title {
color: black;
font-size: 40rpx;
font-weight: bold;
margin-bottom: 30rpx;
}
.button {
margin: 20rpx 20rpx;
border-radius: 10rpx;
background-color: orange;
color: white;
font-size: 36rpx;
}
.downtext{ .downtext{
color: darkgray; color: darkgray;
font-size: 26rpx; font-size: 26rpx;
} }
} }
</style> </style>
\ No newline at end of file
vedio/components/coin-popup/coin-popup.vue
View file @ 0d03a35e
...@@ -175,11 +175,11 @@ ...@@ -175,11 +175,11 @@
}, },
handleAgree() { handleAgree() {
this.agreeFlag = true this.agreeFlag = true
}, },
handleClickClose() { handleClickClose() {
this.$refs.coinPop.close('bottom'); this.$refs.coinPop.close('bottom');
this.$emit('clickClose'); this.$emit('clickClose');
this.$emit('close'); this.$emit('close');
}, },
handleClose() { handleClose() {
this.$refs.coinPop.close('bottom'); this.$refs.coinPop.close('bottom');
...@@ -243,15 +243,20 @@ ...@@ -243,15 +243,20 @@
return return
} }
tt.getOrderPayment({ if (ttData.imId == null) {
orderId: oid, message.notify('暂不支付ios支付，请更换设备');
imId: ttData.imId, return
success(res) { }
that.queryOrderStatus(largeType, ttData.tidStr);
}, tt.getOrderPayment({
fail(res) { orderId: oid,
message.notify(res.errMsg); imId: ttData.imId,
}, success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
},
fail(res) {
message.notify(res.errMsg);
},
}); });
} else { } else {
tt.getOrderPayment({ tt.getOrderPayment({
...@@ -260,7 +265,7 @@ ...@@ -260,7 +265,7 @@
that.queryOrderStatus(largeType, ttData.tidStr); that.queryOrderStatus(largeType, ttData.tidStr);
}, },
fail(res) { fail(res) {
message.notify(res.errMsg); // message.notify(res.errMsg);
}, },
}); });
} }
......
vedio/pagesC/ttvideo/ttVideoDetail.vue
View file @ 0d03a35e
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
:originIndex="originIndex" /> :originIndex="originIndex" />
<coin-popup :show="showCoinPop" :point="data.point" :vedioId="data.vedioId" @close="showCoinPop = false" <coin-popup :show="showCoinPop" :point="data.point" :vedioId="data.vedioId" @close="showCoinPop = false"
@clickClose="coinPopupClose" @paySuccess="paySuccess" /> @clickClose="coinPopupClose" @paySuccess="paySuccess" />
<ad-popup :show="showAdPop" @close="adPopupClose" /> <ad-popup :show="showAdPop" @close="adPopupClose" :vedioIndex="originIndex" />
</view> </view>
</template> </template>
...@@ -129,6 +129,7 @@ ...@@ -129,6 +129,7 @@
showTap: false, showTap: false,
showCoinPop: false, showCoinPop: false,
showAdPop: false, showAdPop: false,
showAdForServer: false,
vipBackPage: '', vipBackPage: '',
canUseTTPlayer: true, canUseTTPlayer: true,
}; };
...@@ -168,6 +169,16 @@ ...@@ -168,6 +169,16 @@
}); });
} }
this.post({
url: '/vedio/confs',
showLoading: false,
success: ({
data
}) => {
this.showAdForServer = data.douyinAdTipOpen;
}
});
}, },
// 分享 // 分享
// onShareAppMessage() { // onShareAppMessage() {
...@@ -444,9 +455,6 @@ ...@@ -444,9 +455,6 @@
this.isqp = e.detail.show this.isqp = e.detail.show
}, },
collect(vedioId, index) { collect(vedioId, index) {
this.showAdPop = true
return
this.data.collect = 1 this.data.collect = 1
// 收藏 // 收藏
this.post({ this.post({
...@@ -489,7 +497,7 @@ ...@@ -489,7 +497,7 @@
}) => {} }) => {}
}); });
}, },
preloadAd() { preloadAd() {
let that = this let that = this
// 创建实例 // 创建实例
this.ad = tt.createRewardedVideoAd({ this.ad = tt.createRewardedVideoAd({
...@@ -509,15 +517,15 @@ ...@@ -509,15 +517,15 @@
break; break;
default: default:
// 更多请参考错误码文档 // 更多请参考错误码文档
} }
that.$nextTick(() => { that.$nextTick(() => {
// 延迟渲染，否则位置错乱 // 延迟渲染，否则位置错乱
that.showCoinPop = true that.showCoinPop = true
}) })
}); });
// 监听视频播放完成 // 监听视频播放完成
this.ad.onClose((data) => { this.ad.onClose((data) => {
uni.hideLoading(); uni.hideLoading();
...@@ -529,11 +537,11 @@ ...@@ -529,11 +537,11 @@
} else { } else {
uni.showToast({ uni.showToast({
title: "未观看完整视频" title: "未观看完整视频"
}) })
that.$nextTick(() => { that.$nextTick(() => {
// 延迟渲染，否则位置错乱 // 延迟渲染，否则位置错乱
that.showCoinPop = true that.showCoinPop = true
}) })
} }
}); });
...@@ -546,16 +554,20 @@ ...@@ -546,16 +554,20 @@
this.ad.load(); this.ad.load();
}, },
coinPopupClose() { coinPopupClose() {
this.showAdPop = true if (this.showAdForServer) {
this.showAdPop = true
} else {
this.showCoinPop = false
}
}, },
adPopupClose() { adPopupClose() {
this.showAdPop = false this.showAdPop = false
this.playRewardVideo() this.playRewardVideo()
}, },
playRewardVideo() { playRewardVideo() {
// 播放激励视频 // 播放激励视频
uni.showLoading({ uni.showLoading({
title: '广告加载中' title: '广告加载中'
}); });
this.ad.show(); this.ad.show();
}, },
......
vedio/utils/adConstant.js
View file @ 0d03a35e
export const EXPRESS_ID = 'q1031ievmv1z3j28gs' export const EXPRESS_ID = 'q1031ievmv1z3j28gs'
export const REWARD_ID = 'm1qtdoeeqq9txgahk4' export const REWARD_ID = 'jgv3yh3ma725kbclev'
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment