This commit is contained in:
Gdpao
2020-08-04 14:36:35 +08:00
parent 1e9f442b7b
commit 1f5af9d92b
14 changed files with 93 additions and 68 deletions

View File

@@ -206,7 +206,10 @@ export default {
console.log(res)
if(res.errCode == 0) {
this.$emit("getArticlelist");
}
// this.$u.toast(res.message);
} else {
// this.$u.toast(res.message);
}
})
},
articleCollect() {

View File

@@ -4,8 +4,9 @@
<view v-if="type" id="video_mp4">
<view class="page-body">
<view class="page-section">
<video id="myVideo" :src=" 'https://' + vide0_url" :controls="controls" :autoplay="autoplayes" :loop="loop" @error="videoErrorCallback"
<video id="myVideo" :src=" 'https://' + vide0_url" autoplay controls="false" @error="videoErrorCallback"
enable-danmu danmu-btn></video>
<cover-view class="time">abc</cover-view>
</view>
</view>
</view>
@@ -17,10 +18,11 @@
<view class="uni-padding-wrap">
<view class="page-section swiper">
<view class="page-section-spacing">
<swiper class="swiper" :indicator-dots="true" :style="{height:heightOut+'px'}" :autoplay="false" :interval="3000" :duration="1000">
<swiper class="swiper" :indicator-dots="true" :style="{height:heightOut+'px'}" :autoplay="false" :interval="3000" :duration="1000" @animationfinish="">
<swiper-item v-for="(item,index) in list" :key="index">
<view class="swiper-item uni-bg-red">
<image :src=" 'https://' + item.launch_path"></image>
<view v-if="index == 3">立即体验</view>
</view>
</swiper-item>
</swiper>
@@ -54,7 +56,6 @@
protocol: false,
heightOut: '',
imgurl: [],
loop: 'true',
vide0_url: '',
agreement: { // 用户协议内容
document_title: "",
@@ -67,28 +68,15 @@
src: '',
inputValue: '',
controls: false,
autoplayes: true,
list: [],
danmuList: [{
text: '第 1s 出现的弹幕',
color: '#ff0000',
time: 1
},
{
text: '第 3s 出现的弹幕',
color: '#ff00ff',
time: 3
}
],
background: ['color1', 'color2', 'color3'],
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500
};
},
onReady: function(res) {
this.videoContext = uni.createVideoContext('myVideo')
this.videoContext = uni.createVideoContext('myVideo');
},
methods: {
apiwelcome() {
@@ -110,7 +98,6 @@
let vide0_url = res.data.start_page[0].launch_path
this.list = data_image;
this.vide0_url = vide0_url;
console.log(this.list)
})
},
// 3秒倒计时
@@ -120,7 +107,7 @@
if (this.remaining <= 0) {
clearInterval(this.timer);
console.log("完了")
this.type = !this.type
this.type = !this.type;
this.banner = !this.banner;
}
}, 1000);
@@ -152,7 +139,7 @@
key: 'launchFlag',
data: true,
success: function() {
console.log('error时存储launchFlag');
console.log('点击存储launchFlag');
}
});
uni.navigateTo({
@@ -161,7 +148,8 @@
},
// 视频引入
bindInputBlur: function(e) {
this.inputValue = e.target.value
this.inputValue = e.target.value;
console.log(e.target.value);
},
bindButtonTap: function() {
var that = this
@@ -192,18 +180,6 @@
}
return '#' + rgb.join('')
},
changeIndicatorDots(e) {
this.indicatorDots = !this.indicatorDots
},
changeAutoplay(e) {
this.autoplay = !this.autoplay
},
intervalChange(e) {
this.interval = e.target.value
},
durationChange(e) {
this.duration = e.target.value
},
refreshToken_function(){
this.$u.api.refreshToken({}).then((res) => {
console.log(res)
@@ -215,10 +191,10 @@
}
},
mounted() {
this.refreshToken_function()
this.refreshToken_function();
// 3秒倒计时调用
this.remaining_time()
this.apiwelcome()
this.remaining_time();
this.apiwelcome();
}
}
</script>
@@ -228,7 +204,7 @@
// height: 400rpx;
}
.welcome_jumpes {
z-index: 10;
z-index: 10000;
position: absolute;
top: 80rpx;
right: 60rpx;
@@ -243,17 +219,21 @@
}
#myVideo {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 100%;
.time {
position: absolute;
top: 0;
left: 0;
width: 10rpx;
height: 10rpx;
color: #fff;
font-size: 30rpx;
}
}
uni-video {
width: 100%;
height: auto;
height: 100%;
}
.uni-video-container {