no message

pages/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="index-box box-border-box flex-common-css" @click.stop="play()">
+	<view class="index-box box-border-box" @click.stop="play()">
 		<view class="flex-justify-space box-border-box plr-32">
 			<image class="logo-img" src="@/static/img/c-logo.png" mode="scaleToFill"></image>
 			<image class="music-img" v-if="!isIos" :class="isPlay?'music-anumation':'music-anumation'"
@@ -13,8 +13,7 @@
 			<swiper-item >
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class=" index-1"
-							v-if="index == 0">
+						<view class="index-1" v-if="index == 0">
 							<image class="img-text wow animate__animated animate__bounceInUp"
 								src="@/static/img/yqh-text-1.png" mode="scaleToFill"></image>
 							<view class="" v-if="isEnroll">
@@ -53,7 +52,7 @@
 									<view class="fs-32 fc-CFB591 fw-500 text-align-left">重庆电视台《重庆特色》栏目</view>
 								</view>
 							</view>
-						</scroll-view>
+						</view>
 					</view>
 					
 					<view>
@@ -66,7 +65,7 @@
 			<swiper-item>
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class="index-2" v-if="index == 1">
+						<view   class="index-2" v-if="index == 1">
 							<image class="text-img-3 wow animate__animated animate__bounceInUp"
 								src="@/static/img/hynr-text.png" mode="scaleToFill"></image>
 							<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
@@ -80,7 +79,7 @@
 								助推乡村全面振兴，让农户爱上种地，解决返乡民工创业就业难和农产品销售难等问题；在乡村振兴发展的势头中，如何助力乡村振兴、牢固脱贫攻艰的成果，真正实现城乡融合发展。
 							</view>
 							
-						</scroll-view>
+						</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
@@ -92,7 +91,7 @@
 			<swiper-item>
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class="index-2" v-if="index == 2">
+						<view   class="index-2" v-if="index == 2">
 							<image class="text-img-1 wow animate__animated animate__bounceInUp"
 								src="@/static/img/chdb-text.png" mode="scaleToFill"></image>
 													
@@ -144,7 +143,7 @@
 								<view class="fs-28 fc-CFB591 w-588">全国知名品牌代理商</view>
 							</view>
 							
-						</scroll-view>
+						</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
@@ -155,7 +154,7 @@
 			<swiper-item>
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class="index-2" v-if="index == 3">
+						<view   class="index-2" v-if="index == 3">
 							<image class="text-img-1 wow animate__animated animate__bounceInUp"
 								src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
 							<image class="img-1 wow animate__animated animate__bounceInUp" src="@/static/img/h-1.png"
@@ -173,7 +172,7 @@
 							<view class="fs-28 fc-CFB591 text-align-center wow animate__animated animate__bounceInUp">
 								地址：重庆市渝北区服装城大道48号</view>
 							
-						</scroll-view>
+						</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
@@ -185,7 +184,7 @@
 			<swiper-item>
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class="index-2" v-if="index == 4">
+						<view   class="index-2" v-if="index == 4">
 							<image class="text-img wow animate__animated animate__bounceInUp"
 								src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
 							<view class="b-f wow animate__animated animate__bounceInUp" @click.stop="toMap()">
@@ -212,7 +211,7 @@
 								023-67177907
 							</view>
 							
-						</scroll-view>
+						</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
@@ -224,7 +223,7 @@
 			<swiper-item v-if="isEnroll">
 				<view class="swiper-item-f">
 					<view class="swiper-item">
-						<scroll-view scroll-y="true" @scrolltolower="scrolltolower()" class="index-2" v-if="index == 5">
+						<view   class="index-2" v-if="index == 5">
 							<image class="text-img-2 wow animate__animated animate__bounceInUp"
 								src="@/static/img/cyyy-text-1.png" mode="scaleToFill"></image>
 							<view class="mb-32">
@@ -260,7 +259,7 @@
 													
 							<view class="save-box wow animate__animated animate__bounceInUp" @click.stop="save()">提交</view>
 							
-						</scroll-view>
+						</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
@@ -268,7 +267,7 @@
 			</swiper-item>
 			<!-- 提示 -->
 			<swiper-item>
-				<scroll-view scroll-y="true" class="swiper-item" v-if="isEnroll?index == 6:index == 5">
+				<view class="swiper-item" v-if="isEnroll?index == 6:index == 5">
 					<view class="index-2">
 						<image class="text-img-3 wow animate__animated animate__bounceInUp"
 							src="@/static/img/wxts-text.png" mode="scaleToFill"></image>
@@ -300,7 +299,7 @@
 							<view class="fs-32 fc-3A2E1C">一键拨打</view>
 						</view>
 					</view>
-				</scroll-view>
+				</view>
 			</swiper-item>
 
 		</swiper>
@@ -563,6 +562,7 @@
 	.index-box {
 		background-image: url('@/static/img/c-bg.png');
 		background-size: 100% 100%;
+		min-height: 100vh;
 	}
 
 	.up-icon {
@@ -572,21 +572,23 @@
 	}
 
 	.swiper {
-		flex: 1;
+		// flex: 1;
 		width: 100%;
-		overflow: auto;
+		height: 1400rpx;
+		overflow-y: auto;
 
 		.swiper-item-f {
 			width: 100%;
-			height: 100%;
-			display: flex;
-			flex-direction: column;
+			height: auto;
+			// display: flex;
+			// flex-direction: column;
 			
 			// flex-direction: column;
 			.swiper-item {
 				width: 100%;
-				flex: 1;
-				overflow: auto;
+				height: auto;
+				// flex: 1;
+				// overflow: auto;
 			}
 		}