no message

common/css/common.css

@@ -34,6 +34,11 @@ image {
 	display: flex;
 	flex-wrap: wrap;
 }
+.justify-content-center{
+	display: flex;
+	justify-content: center;
+}
+
 
 .plr-32{
 	padding: 0 32rpx;
@@ -53,15 +58,27 @@ image {
 .fs-28{
 	font-size: 28rpx;
 }
+.fs-24{
+	font-size: 24rpx;
+}
 .fc-f{
 	color: #fff;
 }
 .fc-F2D4A9{
 	color: #F2D4A9;
 }
+.fc-CFB591{
+	color: #CFB591;
+}
 .fc-ED301D{
 	color: #ED301D;
 }
+.fc-E2E7FA{
+	color: #E2E7FA;
+}
+.fc-3A2E1C{
+	color: #3A2E1C;
+}
 .fw-b{
 	font-weight: bold !important;
 }
@@ -85,4 +102,10 @@ image {
 }
 .mt-32{
 	margin-top: 32rpx;
+}
+.mb-48{
+	margin-bottom: 48rpx;
+}
+.mb-214{
+	margin-bottom: 214rpx;
 }

pages/index/index.vue

@@ -10,16 +10,16 @@
 				<view class="swiper-item index-1" v-if="index == 0">
 					<image class="img-text wow animate__animated animate__bounceInUp" src="@/static/img/yqh-text.png"
 						mode="scaleToFill"></image>
-					<view class="fs-48 fc-f text-align-center mb-16 wow animate__animated animate__bounceInLeft">
+					<view class="fs-48 fc-E2E7FA text-align-center mb-16 wow animate__animated animate__bounceInLeft">
 						振合网科技集团实体联盟</view>
-					<view class="fs-32 fc-f text-align-center mb-72 wow animate__animated animate__bounceInRight">未来已来
+					<view class="fs-32 fc-E2E7FA text-align-center mb-72 wow animate__animated animate__bounceInRight">未来已来
 						一触即发</view>
 					<image class="img-xian wow animate__animated animate__bounceInUp" src="@/static/img/xian.png"
 						mode="scaleToFill"></image>
-					<image class="name-text wow animate__animated animate__bounceInLeft"
+					<image class="name-text wow animate__animated animate__bounceInUp"
 						src="@/static/img/name-text.png" mode="scaleToFill"></image>
-					<image class="time-text wow animate__animated animate__bounceInRight"
-						src="@/static/img/time-text.png" mode="scaleToFill"></image>
+					<!-- <image class="time-text wow animate__animated animate__bounceInRight"
+						src="@/static/img/time-text.png" mode="scaleToFill"></image> -->
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
 						mode="scaleToFill"></image>
 				</view>
@@ -30,16 +30,16 @@
 					<view class="index-2" v-if="index == 1">
 						<image class="text-img wow animate__animated animate__bounceInUp"
 							src="@/static/img/czyq-text.png" mode="scaleToFill"></image>
-						<view class="fs-32 fc-F2D4A9 fw-b mb-24 wow animate__animated animate__bounceInUp">
+						<view class="fs-32 fc-CFB591 fw-b mb-24 wow animate__animated animate__bounceInUp">
 							尊敬的{{userName?userName:'用户'}}</view>
-						<view class="fs-32 fc-F2D4A9 text-box wow animate__animated animate__bounceInUp">
+						<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
 							您好！感谢百忙之中阅读此邀请函。我们诚挚的邀请您参加于10月20日振合科技集团举办的2024年度招商说明会。我们深知在发展的道路上离不开您的信任与支持，我们取得的成绩中有您的辛勤付出。此次盛会邀请多位行业专家共聚一堂，特此诚邀您出席盛会，期待与您共话友情、
 							展望末来、共创属于我们新的商业传奇。
 						</view>
 						<view
-							class="fc-F2D4A9 fw-b fs-32 text-align-right mt-32 wow animate__animated animate__bounceInUp">
+							class="fc-CFB591 fw-b fs-32 text-align-right mt-32 wow animate__animated animate__bounceInUp">
 							振合网科技集团</view>
-						<view class="fs-28 fc-F2D4A9 text-align-right wow animate__animated animate__bounceInUp">
+						<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"
@@ -62,9 +62,9 @@
 								mode="scaleToFill"></image>
 						</view>
 
-						<view class="fc-F2D4A9 fs-40 text-align-center mb-16 wow animate__animated animate__bounceInUp">
+						<view class="fc-CFB591 fs-40 text-align-center mb-16 wow animate__animated animate__bounceInUp">
 							重庆丽星君顿酒店</view>
-						<view class="fs-28 fc-F2D4A9 text-align-center wow animate__animated animate__bounceInUp">
+						<view class="fs-28 fc-CFB591 text-align-center wow animate__animated animate__bounceInUp">
 							地址：重庆市渝北区服装城大道48号</view>
 					</view>
 					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
@@ -82,22 +82,22 @@
 							<view class="b-c">开始导航</view>
 						</view>
 						<view
-							class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
+							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
 							会议地址</view>
 						<view
-							class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
+							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
 							重庆丽星君顿酒店</view>
 						<view
-							class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
+							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">
 							会议时间</view>
 						<view
-							class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
+							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
 							10月20日 上午08:30</view>
 						<view
-							class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft"
+							class="fc-CFB591 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft"
 							@click.stop="playPhone()">联系方式</view>
 						<view
-							class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight"
+							class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight"
 							@click.stop="playPhone()">
 							<uni-icons style="margin-right: 10rpx;" type="phone-filled" color="#f2d4a9" size="14">
 							</uni-icons>
@@ -115,40 +115,81 @@
 						<image class="text-img-2 wow animate__animated animate__bounceInUp"
 							src="@/static/img/cyyy-text.png" mode="scaleToFill"></image>
 						<view class="mb-32">
-							<view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的姓名<span
+							<view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的姓名<span
 									class="fc-ED301D fs-32">*</span></view>
 							<input class="wow animate__animated animate__bounceInRight" v-model="fromData.name"
 								type="text" placeholder="请输入您的姓名">
 						</view>
 						<view class="mb-32">
-							<view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的手机号<span
+							<view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的手机号<span
 									class="fc-ED301D fs-32">*</span></view>
 							<input class="wow animate__animated animate__bounceInRight" v-model="fromData.phone"
 								type="number" placeholder="请输入您的手机号">
 						</view>
 						<view class="mb-32">
-							<view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的公司名称<span
+							<view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的公司名称<span
 									class="fc-ED301D fs-32">*</span></view>
 							<input class="wow animate__animated animate__bounceInRight" v-model="fromData.corporate"
 								type="text" placeholder="请输入您的公司名称">
 						</view>
 						<view class="mb-32">
-							<view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人<span
+							<view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人<span
 									class="fc-ED301D fs-32">*</span></view>
 							<input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter"
 								type="text" placeholder="请输入您的邀请人">
 						</view>
 						<view class="mb-72">
-							<view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人手机号<span
+							<view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人手机号<span
 									class="fc-ED301D fs-32">*</span></view>
 							<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="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>
+					</view>
+				</view>
+			</swiper-item>
+			
 		</swiper>
 	</view>
 
@@ -189,7 +230,7 @@
 			if (isWeiXin) {
 				this.getJsConfig()
 			}
-			this.musicPlay()
+			// this.musicPlay()
 		},
 		methods: {
 			musicPlay() {
@@ -316,6 +357,15 @@
 	}
 </script>
 <style lang="scss" scoped>
+	.w-588{
+		width: 588rpx;
+	}
+	.playphone-box{
+		width: 100%;
+		height: 86rpx;
+		background: linear-gradient( 90deg, #E4BD85 0%, #CEB590 100%);
+		border-radius: 10rpx;
+	}
 	.index-box {
 		background-image: url('@/static/img/c-bg.png');
 		background-size: 100% 100%;
@@ -340,7 +390,7 @@
 
 	.logo-img {
 		width: 136rpx;
-		height: 79rpx;
+		height: 80rpx;
 		margin-top: 8rpx;
 	}
 
@@ -379,8 +429,8 @@
 
 		.name-text {
 			width: 288rpx;
-			height: 32rpx;
-			margin: 0 auto 10rpx auto;
+			height: 100rpx;
+			margin: 0 auto 140rpx auto;
 		}
 
 		.time-text {
@@ -393,9 +443,9 @@
 	.index-2 {
 		width: 686rpx;
 		min-height: 1032rpx;
-		background: rgba(23, 49, 74, 0.51);
+		background: rgba(5,19,103,0.5);
 		border-radius: 12rpx;
-		border: 2rpx solid rgba(51, 121, 163, 0.8);
+		border: 2rpx solid #112495;
 		margin: 40rpx auto;
 		box-sizing: border-box;
 		padding: 32rpx;
@@ -446,6 +496,11 @@
 			height: 116rpx;
 			margin: 0 auto 44rpx auto;
 		}
+		.text-img-3 {
+			width: 192rpx;
+			height: 116rpx;
+			margin: 0 auto 44rpx auto;
+		}
 
 		.img-1 {
 			width: 622rpx;
@@ -466,6 +521,12 @@
 			border-radius: 10rpx;
 			margin-bottom: 40rpx;
 		}
+		
+		.icon-img{
+			width: 23rpx;
+			height: 23rpx;
+			margin-right: 8rpx;
+		}
 
 		.b-f {
 			position: relative;