gdpao

components/remaining/remaining.vue

@@ -4,9 +4,8 @@
 		<view v-if="type" id="video_mp4">
 			<view class="page-body">
 				<view class="page-section">
-					<video id="myVideo" :src=" 'https://' + vide0_url" autoplay controls="false" @error="videoErrorCallback"
+					<video id="myVideo" enable-progress-gesture="false" :src=" 'https://' + vide0_url" autoplay controls="false" @error="videoErrorCallback"
 					 enable-danmu danmu-btn></video>
-                     <cover-view class="time">abc</cover-view>
 				</view>
 			</view>
 		</view>
@@ -22,8 +21,8 @@
 								<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>
+                                    <view class="btn-init" v-if="parseInt(index) == 2" @click="goNext">立即体验</view>
 								</swiper-item> 
 							</swiper>
 						</view>
@@ -72,7 +71,8 @@
 				background: ['color1', 'color2', 'color3'],
 				indicatorDots: true,
 				interval: 2000,
-				duration: 500
+				duration: 500,
+                swiper_index: "",
 			};
 		},
 		onReady: function(res) {
@@ -133,6 +133,11 @@
 					}
 				});
 			},
+            // 立即体验
+            goNext() {
+                this.protocol = true;
+                this.banner = false;
+            },
 			// 我同意
 			to_agree() {
 				uni.setStorage({
@@ -203,8 +208,21 @@
 	.uni-padding-wrap{
 		// height: 400rpx;
 	}
+    .btn-init {
+        z-index: 1000;
+        position: absolute;
+        bottom: 100rpx;
+        right: 30%;
+        width: 300rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        text-align: center;
+        color: #fff;
+        border-radius: 40rpx;
+        background-color: #007AFF;
+    }
 	.welcome_jumpes {
-		z-index: 10000;
+		z-index: 100;
 		position: absolute;
 		top: 80rpx;
 		right: 60rpx;
@@ -220,15 +238,6 @@
 
 	#myVideo {
         width: 100%;
-        .time {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 10rpx;
-            height: 10rpx;
-            color: #fff;
-            font-size: 30rpx;
-        }
 	}
 
 	uni-video {