no message

pages.json

@@ -3,7 +3,8 @@
     {
       "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "振合网"
+        "navigationBarTitleText": "振合网",
+		"designWidth": 320
       }
     },
 	{
@@ -18,7 +19,8 @@
     "navigationBarTitleText": "uni-app",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8",
-    "navigationStyle": "custom"
+    "navigationStyle": "custom",
+	"rpxCalcMaxDeviceWidth": 320
   },
   "condition": {
     "current": 0,

pages/index/index.vue

@@ -7,10 +7,12 @@
 			<mumu-music v-else ref="musicObj"
 				musicSrc='https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3'></mumu-music>
 		</view>
-		<swiper class="swiper" :vertical='true' @change="swiperChange">
+		
+
+		<view class="swiper">
 			<!-- 邀请函 -->
-			<swiper-item>
-				<view class="swiper-item index-1" v-if="index == 0">
+			<view>
+				<view class="swiper-item index-1">
 					<image class="img-text wow animate__animated animate__bounceInUp" src="@/static/img/yqh-text-1.png"
 						mode="scaleToFill"></image>
 
@@ -36,19 +38,11 @@
 							class="fs-32 fc-E2E7FA text-align-center mb-72 wow animate__animated animate__bounceInLeft">
 							招商说明会 </view>
 					</view>
-					<!-- <view class="fs-48 fc-E2E7FA text-align-center mb-16 wow animate__animated animate__bounceInLeft">
-						振合网科技集团实体联盟</view>	
-					<view class="fs-32 fc-E2E7FA text-align-center mb-116 wow animate__animated animate__bounceInRight">
-						未来已来 一触即发</view> -->
 
 
 					<image class="img-xian wow animate__animated animate__bounceInUp" src="@/static/img/xian.png"
 						mode="scaleToFill"></image>
-					<!-- <image src="@/static/img/zbdw-text.png" class="name-text-1 wow animate__animated animate__bounceInUp" mode="scaleToFill"></image> -->
-					<!-- <image src="@/static/img/xbdw-text.png" class="name-text-2 wow animate__animated animate__bounceInUp" mode="scaleToFill"></image> -->
-					<!-- <image class="name-text wow animate__animated animate__bounceInUp" src="@/static/img/name-text-1.png" mode="scaleToFill"></image> -->
-					<!-- <image class="time-text wow animate__animated animate__bounceInRight" src="@/static/img/time-text.png" mode="scaleToFill"></image> -->
-
+						
 					<view class="fs-32 fc-CFB591 fw-500 text-align-left mb-40 ml-80">
 						主办单位：重庆振合网科技集团
 					</view>
@@ -63,18 +57,13 @@
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
-			</swiper-item>
+			</view>
 			<!-- 诚挚邀请 -->
-			<swiper-item>
-				<view class="swiper-item" v-if="index == 1">
+			<view>
+				<view class="swiper-item">
 					<view class="index-2" >
 						<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 fw-b mb-24 wow animate__animated animate__bounceInUp">-->
-						<!--							尊敬的{{userName?userName:'用户'}}</view>-->
-						<!--						<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">-->
-						<!--							您好！感谢百忙之中阅读此邀请函。我们诚挚的邀请您参加于10月20日振合科技集团举办的2024年度招商说明会。振合网将互联网赋能实体经济，以数字化转型为导向，培育产业发展新动能，共创共赢。帮助生产厂家，传统代理商解决销售难、资金难、库存压力大。帮助实体店摆脱困境，实现跨界收益和互联网收益，共绘发展蓝图。-->
-						<!--						</view>-->
 						<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
 							党的二十大三中全会提出，“让国家变得更加富强，让社会变得更加公平公正，让人民生活得更加美好”。
 						</view>
@@ -85,22 +74,15 @@
 						<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
 							助推乡村全面振兴，让农户爱上种地，解决返乡民工创业就业难和农产品销售难等问题；在乡村振兴发展的势头中，如何助力乡村振兴、牢固脱贫攻艰的成果，真正实现城乡融合发展。
 						</view>
-
-
-						<!--						<view-->
-						<!--							class="fc-CFB591 fw-b fs-32 text-align-right mt-32 wow animate__animated animate__bounceInUp">-->
-						<!--							振合网科技集团</view>-->
-						<!--						<view class="fs-28 fc-CFB591 text-align-right wow animate__animated animate__bounceInUp">-->
-						<!--							2024年10月20日</view>-->
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
-			</swiper-item>
+			</view>
 
 			<!-- 参会名单 -->
-			<swiper-item>
-				<view class="swiper-item" v-if="index == 2">
+			<view>
+				<view class="swiper-item">
 					<view class="index-2" >
 						<image class="text-img-1 wow animate__animated animate__bounceInUp"
 							src="@/static/img/chdb-text.png" mode="scaleToFill"></image>
@@ -156,11 +138,11 @@
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
-			</swiper-item>
+			</view>
 
 			<!-- 活动地址 -->
-			<swiper-item>
-				<view class="swiper-item" v-if="index == 3">
+			<view>
+				<view class="swiper-item">
 					<view class="index-2" >
 						<image class="text-img-1 wow animate__animated animate__bounceInUp"
 							src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
@@ -182,10 +164,10 @@
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
-			</swiper-item>
+			</view>
 			<!-- 地址导航 -->
-			<swiper-item>
-				<view class="swiper-item" v-if="index == 4">
+			<view>
+				<view class="swiper-item">
 					<view class="index-2">
 						<image class="text-img wow animate__animated animate__bounceInUp"
 							src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
@@ -193,27 +175,12 @@
 							<image class="img-3" src="@/static/img/map.png" mode="scaleToFill"></image>
 							<view class="b-c">开始导航</view>
 						</view>
-						<!-- <view
-							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
-							会议地址</view> -->
-
-						<!-- <view
-							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
-							签到时间</view> -->
 						<view
 							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
 							签到时间：10月19日</view>
-
-
-						<!-- <view
-							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
-							会议时间</view> -->
 						<view
 							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
 							会议时间：10月20日</view>
-						<!-- <view
-							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft"
-							@click.stop="playPhone()">联系方式</view> -->
 
 						<view
 							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
@@ -231,10 +198,60 @@
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
-			</swiper-item>
-			<!-- 参与预约 -->
-			<swiper-item v-if="isEnroll">
-				<view class="swiper-item" v-if="index == 5">
+			</view>
+			
+			<!-- 提示 -->
+			<view>
+				<view class="swiper-item">
+					<view class="index-2">
+						<image class="text-img-3 wow animate__animated animate__bounceInUp"
+							src="@/static/img/wxts-text.png" mode="scaleToFill"></image>
+
+						<view class="align-items-center mb-48">
+							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
+							<view class="fc-CFB591 fs-32 w-588">
+								请您提前规划好行程，确保准时参加会议。
+							</view>
+						</view>
+						<view class="align-items-center mb-48">
+							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
+							<view class="fc-CFB591 fs-32 w-588">
+								请携带好相关证件及资料，以便会议签到和交流，详情请咨询邀约人员。
+							</view>
+						</view>
+						<view class="align-items-center mb-214">
+							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
+							<view class="fc-CFB591 fs-32 w-588">
+								非常感谢您对本次会议的关注和支持，振合网科技集团期待与您相见！
+							</view>
+						</view>
+						<view class="fc-CFB591 fs-24 mb-16">
+							如有任何疑问或需要帮助，请随时联系我们，联系电话：023-67177907
+						</view>
+						<view class="playphone-box align-items-center justify-content-center" @click.stop="playPhone()">
+							<uni-icons style="margin-right: 10rpx;" type="phone" color="#333" size="26">
+							</uni-icons>
+							<view class="fs-32 fc-3A2E1C">一键拨打</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+		</view>
+		
+		
+		<view class="" v-if="isEnroll">
+			<view class="cy-buttom" @click.stop="canyu()">参与预约</view>
+		</view>
+		
+		
+		<uni-popup ref="popup" type="bottom">
+			<scroll-view scroll-y="true" class="scroll-view-box">
+				<!-- <view class="scroll-view-box-icon">
+					<uni-icons type="closeempty" size="24" color="#fff"></uni-icons>
+				</view> -->
+				
+				<view class="swiper-item">
 					<view class="index-2">
 						<image class="text-img-2 wow animate__animated animate__bounceInUp"
 							src="@/static/img/cyyy-text-1.png" mode="scaleToFill"></image>
@@ -268,53 +285,19 @@
 							<input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter_phone"
 								type="number" placeholder="请输入邀请人的手机号">
 						</view>
-
-						<view class="save-box wow animate__animated animate__bounceInUp" @click.stop="save()">提交</view>
-
-
-					</view>
-					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
-						mode="scaleToFill"></image>
-				</view>
-			</swiper-item>
-			<!-- 提示 -->
-			<swiper-item>
-				<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>
-
-						<view class="align-items-center mb-48">
-							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
-							<view class="fc-CFB591 fs-32 w-588">
-								请您提前规划好行程，确保准时参加会议。
-							</view>
-						</view>
-						<view class="align-items-center mb-48">
-							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
-							<view class="fc-CFB591 fs-32 w-588">
-								请携带好相关证件及资料，以便会议签到和交流，详情请咨询邀约人员。
-							</view>
-						</view>
-						<view class="align-items-center mb-214">
-							<image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
-							<view class="fc-CFB591 fs-32 w-588">
-								非常感谢您对本次会议的关注和支持，振合网科技集团期待与您相见！
-							</view>
-						</view>
-						<view class="fc-CFB591 fs-24 mb-16">
-							如有任何疑问或需要帮助，请随时联系我们，联系电话：023-67177907
-						</view>
-						<view class="playphone-box align-items-center justify-content-center" @click.stop="playPhone()">
-							<uni-icons style="margin-right: 10rpx;" type="phone" color="#333" size="26">
-							</uni-icons>
-							<view class="fs-32 fc-3A2E1C">一键拨打</view>
+						
+						<view class="flex-justify-space">
+							<view class="save-box wow animate__animated animate__bounceInUp" @click.stop="save()">预约</view>
+							<view class="save-box wow animate__animated animate__bounceInUp" @click.stop="fanhui()">返回</view>
 						</view>
+						
+						
+				
 					</view>
 				</view>
-			</swiper-item>
-
-		</swiper>
+			</scroll-view>
+		</uni-popup>
+		
 	</view>
 
 </template>
@@ -379,6 +362,13 @@
 			}
 		},
 		methods: {
+			canyu(){
+				this.$refs.popup.open();
+			},
+			fanhui(){
+				this.$refs.popup.close();
+			},
+			
 			musicPlay() {
 				// if (!this.audioServe) {
 				// 	this.audioServe = uni.createInnerAudioContext();
@@ -531,6 +521,22 @@
 	}
 </script>
 <style lang="scss" scoped>
+	.scroll-view-box{
+		background: rgba(5, 19, 103, 1);
+		width: 100%;
+		height: 100vh;
+		overflow: auto;
+		box-sizing: border-box;
+		padding-bottom: 50rpx;
+		position: relative;
+		.scroll-view-box-icon{
+			position: absolute;
+			top: 40rpx;
+			left: 30rpx;
+		}
+	}
+	
+	
 	.box-yuan {
 		width: 32rpx;
 		height: 32rpx;
@@ -575,15 +581,22 @@
 		height: 64rpx;
 		margin: 0 auto;
 	}
-
+	
+	::v-deep .uni-swiper-wrapper{
+		overflow-y: auto !important;
+	}
+	::v-deep .uni-swiper-wrapper .uni-swiper-item{
+		overflow-y: auto !important;
+	}
 	.swiper {
 		flex: 1;
 		width: 100%;
+		overflow-y: auto !important;
 
 		.swiper-item {
 			width: 100%;
-			height: 100%;
-			// overflow-y: scroll;
+			height: auto;
+			overflow-y: auto !important;
 		}
 	}
 
@@ -650,7 +663,18 @@
 			margin: 0 auto 140rpx auto;
 		}
 	}
-
+	
+	.cy-buttom{
+		width: 100%;
+		height: 80rpx;
+		background: linear-gradient(90deg, #EBC795 0%, #E3BB83 100%);
+		text-align: center;
+		line-height: 80rpx;
+		font-size: 38rpx;
+		font-weight: 600;
+		color: #3A2E1C;
+	}
+	
 	.index-2 {
 		width: 686rpx;
 		min-height: 1032rpx;
@@ -671,12 +695,12 @@
 			font-size: 28rpx;
 		}
 
-		.save-box {
-			width: 622rpx;
+		.save-box{
+			width: 48%;
 			height: 80rpx;
 			background: linear-gradient(90deg, #EBC795 0%, #E3BB83 100%);
-			border-radius: 10rpx;
 			text-align: center;
+			border-radius: 10rpx;
 			line-height: 80rpx;
 			font-size: 38rpx;
 			font-weight: 600;