banner

pages/index/index.vue

@@ -2,16 +2,16 @@
 	<view class="wrap">
 
 		<view class="container">
-			<image class="container-bg" :src="require('@/static/index-bg.png')"></image>
-			<view class="imgwrap" :style="{'padding-top':navBarBoxHeight+'rpx'}">
-				<image class="imgwrap-map" :src="require('@/static/index-map.png')"></image>
-				<image class="imgwrap-title" :src="require('@/static/index-title.png')"></image>
+			<image class="container-bg" :src="require('@/static/index-bg1.png')"></image>
+			<view class="imgwrap">
+				<!-- <image class="imgwrap-map" :src="require('@/static/index-map.png')"></image> -->
+				<!-- <image class="imgwrap-title" :src="require('@/static/index-title.png')"></image> -->
 				<view class="titlewrap">
-					<view class="title-progress">
+					<!-- <view class="title-progress">
 						<view class="progress-bar-container">
 							<view class="progress-bar" :style="{'width':progressPercentage+'%'}"></view>
 						</view>
-					</view>
+					</view> -->
 					<view @click="toHome" style="min-height:240rpx">
 						<image class="title-btn" v-if="showBtn" :src="require('@/static/index-btn.png')"></image>
 					</view>
@@ -41,7 +41,7 @@
 				progressPercentage: 0,
 				interval: null,
 				isShare: false,
-				showBtn: false,
+				showBtn: true,
 				navBarBoxHeight: 0,
 			}
 		},
@@ -57,7 +57,7 @@
 			this.navBarBoxHeight = MenuButton.top + MenuButton.height + 10
 		},
 		beforeDestroy() {
-			clearInterval(this.interval);
+			// clearInterval(this.interval);
 		},
 		methods: {
 			toHome() {
@@ -66,15 +66,15 @@
 				})
 			},
 			start() {
-				this.interval = setInterval(() => {
-					if (this.progressPercentage < 100) {
-						this.progressPercentage++;
-					} else {
-						clearInterval(this.interval);
-						this.showBtn = true
-					}
-
-				}, 30);
+				// this.interval = setInterval(() => {
+				// 	if (this.progressPercentage < 100) {
+				// 		this.progressPercentage++;
+				// 	} else {
+				// 		clearInterval(this.interval);
+				// 		this.showBtn = true
+				// 	}
+
+				// }, 30);
 			},
 		},
 	}
@@ -105,7 +105,7 @@
 		}
 		.support {
 			position: absolute;
-			bottom: 40rpx;
+			bottom: 30rpx;
 			width: 100%;
 			font-size: 24rpx;
 			color: #333;
@@ -117,7 +117,9 @@
 		.imgwrap {
 			position: relative;
 			z-index: 9;
-
+			position: absolute;
+			bottom: 60rpx;
+			width:100%;
 			&-map {
 				width: 745rpx;
 				height: 857rpx;