gdpaoup

components/remaining/remaining.vue

@@ -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 {