no message

pages/index/index.vue

@@ -2,8 +2,10 @@
 	<view class="index-box box-border-box flex-common-css" @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'" src="@/static/img/c-music.png" mode="scaleToFill" @click.stop="musicPause()"></image>
-      <mumu-music v-else ref="musicObj" musicSrc='https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3'></mumu-music>
+			<image class="music-img" v-if="!isIos" :class="isPlay?'music-anumation':'music-anumation'"
+				src="@/static/img/c-music.png" mode="scaleToFill" @click.stop="musicPause()"></image>
+			<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">
 			<!-- 邀请函 -->
@@ -13,12 +15,13 @@
 						mode="scaleToFill"></image>
 					<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-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__bounceInUp"
-						src="@/static/img/name-text.png" mode="scaleToFill"></image>
+					<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="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
@@ -29,114 +32,88 @@
 			<swiper-item>
 				<view class="swiper-item">
 					<view class="index-2" v-if="index == 1">
-						<image class="text-img wow animate__animated animate__bounceInUp"
+						<image class="text-img-3 wow animate__animated animate__bounceInUp"
 							src="@/static/img/czyq-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" v-if="isEnroll">
-              振合网将互联网赋能实体经济，以数字化转型为导向，培育产业发展新动能，共创共赢。帮助生产厂家，传统代理商解决销售难、资金难、库存压力大。帮助实体店摆脱困境，实现跨界收益和互联网收益，共绘发展蓝图。
-            </view>
-            <view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp" v-else>
-              助推乡村全面振兴，让农户爱上种地，解决返乡民工创业就业难和农产品销售难等问题；在乡村振兴发展的势头中，如何助力乡村振兴、牢固脱贫功艰的成果，真正实现城乡融合发展。
-              党的二十大三中全会提出，“让国家变得更加富强，让社会变得更加公平公正，让人民生活得更加美好”。
-            </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 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"
+							v-if="isEnroll">
+							振合网将互联网赋能实体经济，以数字化转型为导向，培育产业发展新动能，共创共赢。帮助生产厂家，传统代理商解决销售难、资金难、库存压力大。帮助实体店摆脱困境，实现跨界收益和互联网收益，共绘发展蓝图。
+						</view>
+						<view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp" v-else>
+							助推乡村全面振兴，让农户爱上种地，解决返乡民工创业就业难和农产品销售难等问题；在乡村振兴发展的势头中，如何助力乡村振兴、牢固脱贫功艰的成果，真正实现城乡融合发展。
+							党的二十大三中全会提出，“让国家变得更加富强，让社会变得更加公平公正，让人民生活得更加美好”。
+						</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>
 			
+			<!-- 参会名单 -->
 			<swiper-item>
 				<view class="swiper-item">
 					<view class="index-2" v-if="index == 2">
 						<image class="text-img-4 wow animate__animated animate__bounceInUp"
 							src="@/static/img/chdw-text.png" mode="scaleToFill"></image>
-						<view class="flex-justify-space">
-							<view class="mr-30">
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">1</view>
-									<view class="fs-28 fc-CFB591 w-246">全国人大</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">2</view>
-									<view class="fs-28 fc-CFB591 w-246">全国政协</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">3</view>
-									<view class="fs-28 fc-CFB591 w-246">国务院政策研究室</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">4</view>
-									<view class="fs-28 fc-CFB591 w-246">中央巡视组</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">5</view>
-									<view class="fs-28 fc-CFB591 w-246">农业部</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">6</view>
-									<view class="fs-28 fc-CFB591 w-246">全国工商联</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">7</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆市农委</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">8</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆市工商联</view>
-								</view>
-							</view>
-							
-							<view class="">
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">9</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆电视台</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">10</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆科技部</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">11</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆日报</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">12</view>
-									<view class="fs-28 fc-CFB591 w-246">重庆慈善总会</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">13</view>
-									<view class="fs-28 fc-CFB591 w-246">国家老干部董泽英</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">14</view>
-									<view class="fs-28 fc-CFB591 w-246">中国信用网</view>
-								</view>
-								<view class="align-items-center mb-48">
-									<view class="box-yuan">15</view>
-									<view class="fs-28 fc-CFB591 w-246">一二线品牌代理商</view>
-								</view>
-								<view class="display-flex mb-48">
-									<view class="box-yuan" style="margin-top: 5rpx;">16</view>
-									<view class="fs-28 fc-CFB591 w-246">各行业的知名厂家代表</view>
-								</view>
-							</view>
+						
+						<image class="text-img-ty wow animate__animated animate__bounceInUp"
+							src="@/static/img/tyjb-text.png" mode="scaleToFill"></image>
+						
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">原全国人大常委农委副主任、现任中国供销合作经济学会会长</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">原国务院研究室主任、国务院国有监事会主席、中央第九巡视组副组长、经济学博士</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">原农业部副部长、国务院研究室副主任</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">原全国工商联副主席、全国政协特聘专家</view>
+						</view>
+						<view class="align-items-center mb-48">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">原国防大学少将（副军职）及其他相关领导</view>
+						</view>
+						
+						<image class="text-img-ty wow animate__animated animate__bounceInUp"
+							src="@/static/img/chdw-text-1.png" mode="scaleToFill"></image>
 							
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">中国信用网</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">重庆电视台</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">全国知名企业</view>
+						</view>
+						<view class="align-items-center mb-24">
+							<image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
+							<view class="fs-28 fc-CFB591 w-588">全国知名品牌代理商</view>
 						</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">
@@ -237,8 +214,8 @@
 						</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>
@@ -250,7 +227,7 @@
 					<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">
@@ -280,7 +257,7 @@
 					</view>
 				</view>
 			</swiper-item>
-			
+
 		</swiper>
 	</view>
 
@@ -292,7 +269,9 @@
 	} from '@/api/user.js';
 	import tools from "@/service/tools";
 	import wxJs from "jweixin-module"
-  import { useBgMusic } from '@/uni_modules/y-bg-music/js_sdk';
+	import {
+		useBgMusic
+	} from '@/uni_modules/y-bg-music/js_sdk';
 	export default {
 		components: {},
 		data() {
@@ -312,15 +291,15 @@
 				isPlay: false,
 				isAutoPlay: false,
 				isIos: true,
-        isEnroll:true
+				isEnroll: true
 
 			}
 		},
-    onLoad(data) {
-      if(data.noEnroll!==undefined){
-        this.isEnroll=false
-      }
-    },
+		onLoad(data) {
+			if (data.noEnroll !== undefined) {
+				this.isEnroll = false
+			}
+		},
 		onshow() {
 			this.$wow.init();
 		},
@@ -331,17 +310,17 @@
 				this.getJsConfig()
 			}
 			// this.musicPlay()
-		  const isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-		  this.isIos=isiOS
-		  if (isiOS) {
-			console.log('This is an iOS device');
-		  } else {
-			this.audioServe = useBgMusic({
-			  src: './static/mp3/4272600974.mp3',
-			  loop: 999,      // 循环次数
-			  controls:false   // 显示右上角控制元素
-			});
-		  }
+			const isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+			this.isIos = isiOS
+			if (isiOS) {
+				console.log('This is an iOS device');
+			} else {
+				this.audioServe = useBgMusic({
+					src: './static/mp3/4272600974.mp3',
+					loop: 999, // 循环次数
+					controls: false // 显示右上角控制元素
+				});
+			}
 		},
 		methods: {
 			musicPlay() {
@@ -358,23 +337,23 @@
 				// 	this.isAutoPlay = true
 				// })
 
-        // 创建bgAudioManager对象
-//         const bgAudioManager = uni.getBackgroundAudioManager();
-//         bgAudioManager.src = 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3';
-// // 开始播放的回调函数
-//         bgAudioManager.onPlay(() => {
-//           console.log('开始播放');
-//         });
-// // 播放报错的事件监听
-//         bgAudioManager.onError((res) => {
-//           console.log(res.errMsg);
-//           console.log(res.errCode);
-//         });
-
-
-      },
+				// 创建bgAudioManager对象
+				//         const bgAudioManager = uni.getBackgroundAudioManager();
+				//         bgAudioManager.src = 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3';
+				// // 开始播放的回调函数
+				//         bgAudioManager.onPlay(() => {
+				//           console.log('开始播放');
+				//         });
+				// // 播放报错的事件监听
+				//         bgAudioManager.onError((res) => {
+				//           console.log(res.errMsg);
+				//           console.log(res.errCode);
+				//         });
+
+
+			},
 			play() {
-				if (!this.isPlay && this.audioServe ) {
+				if (!this.isPlay && this.audioServe) {
 					// this.audioServe.play();
 					// this.audioServe.onPlay(() => {
 					// 	this.isPlay = true;
@@ -411,9 +390,11 @@
 							//自定义“分享给朋友”
 							// this.musicPlay()
 							wxJs.updateAppMessageShareData({
-                title: this.isEnroll?'振合网“实体联盟”项目说明会-邀请函':"<畅通国民经济循环 发展新质生产力>研讨会",
-                desc:  this.isEnroll?'10月20日我们不见不散！':'实现共同富裕',
-								link: "https://enroll.jhcs888.com/#/"+(this.isEnroll?'':'?noEnroll=1'), // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+								title: this.isEnroll ? '振合网“实体联盟”项目说明会-邀请函' :
+									"<畅通国民经济循环 发展新质生产力>研讨会",
+								desc: this.isEnroll ? '10月20日我们不见不散！' : '实现共同富裕',
+								link: "https://enroll.jhcs888.com/#/" + (this.isEnroll ? '' :
+									'?noEnroll=1'), // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
 								imgUrl: 'https://jhnewshop.oss-cn-chengdu.aliyuncs.com/storage/attest/20210927/949e48fb7c286836097efdd4ba4d0bd9.jpg', // 分享图标
 								success: function() {
 									// 设置成功
@@ -421,19 +402,21 @@
 							})
 							//自定义“分享到朋友圈”
 							wxJs.updateTimelineShareData({
-                title: this.isEnroll?'振合网“实体联盟”项目说明会-邀请函':'<畅通国民经济循环 发展新质生产力>研讨会',
-                desc:  this.isEnroll?'10月20日我们不见不散！':'实现共同富裕',
-								link: "https://enroll.jhcs888.com/#/"+(this.isEnroll?'':'?noEnroll=1'), // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+								title: this.isEnroll ? '振合网“实体联盟”项目说明会-邀请函' :
+									'<畅通国民经济循环 发展新质生产力>研讨会',
+								desc: this.isEnroll ? '10月20日我们不见不散！' : '实现共同富裕',
+								link: "https://enroll.jhcs888.com/#/" + (this.isEnroll ? '' :
+									'?noEnroll=1'), // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
 								imgUrl: 'https://jhnewshop.oss-cn-chengdu.aliyuncs.com/storage/attest/20210927/949e48fb7c286836097efdd4ba4d0bd9.jpg', // 分享图标
 								success: function() {
 									// 设置成功
 								}
 							})
-              if(this.audioServe){
-                this.audioServe.play();
-              }else if (!this.isIos){
-                this.$refs.musicObj.playTo()
-              }
+							if (this.audioServe) {
+								this.audioServe.play();
+							} else if (!this.isIos) {
+								this.$refs.musicObj.playTo()
+							}
 						});
 					}
 				})
@@ -455,10 +438,10 @@
 					latitude: 29.665085,
 					longitude: 106.615366,
 					scale: 18,
-				 name: '重庆丽星君顿酒店',
+					name: '重庆丽星君顿酒店',
 					address: '重庆市渝北区服装城大道48号',
 					success() {},
-				 fail(error) {}
+					fail(error) {}
 				});
 			},
 			save() {
@@ -488,7 +471,7 @@
 	}
 </script>
 <style lang="scss" scoped>
-	.box-yuan{
+	.box-yuan {
 		width: 32rpx;
 		height: 32rpx;
 		line-height: 32rpx;
@@ -499,18 +482,22 @@
 		margin-right: 16rpx;
 		background-color: #CEB48F;
 	}
-	.w-246{
+
+	.w-246 {
 		width: 246rpx;
 	}
-	.w-588{
+
+	.w-588 {
 		width: 588rpx;
 	}
-	.playphone-box{
+
+	.playphone-box {
 		width: 100%;
 		height: 86rpx;
-		background: linear-gradient( 90deg, #E4BD85 0%, #CEB590 100%);
+		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%;
@@ -588,7 +575,7 @@
 	.index-2 {
 		width: 686rpx;
 		min-height: 1032rpx;
-		background: rgba(5,19,103,0.5);
+		background: rgba(5, 19, 103, 0.5);
 		border-radius: 12rpx;
 		border: 2rpx solid #112495;
 		margin: 40rpx auto;
@@ -629,7 +616,13 @@
 			display: block;
 			text-indent: 72rpx;
 		}
-
+		
+		.text-img-ty{
+			width: 156rpx;
+			height: 54rpx;
+			margin-bottom: 24rpx;
+		}
+		
 		.text-img-1 {
 			width: 224rpx;
 			height: 116rpx;
@@ -641,12 +634,14 @@
 			height: 116rpx;
 			margin: 0 auto 44rpx auto;
 		}
+
 		.text-img-3 {
 			width: 192rpx;
 			height: 116rpx;
 			margin: 0 auto 44rpx auto;
 		}
-		.text-img-4{
+
+		.text-img-4 {
 			width: 314rpx;
 			height: 116rpx;
 			margin: 0 auto 44rpx auto;
@@ -671,12 +666,17 @@
 			border-radius: 10rpx;
 			margin-bottom: 40rpx;
 		}
-		
-		.icon-img{
+
+		.icon-img {
 			width: 23rpx;
 			height: 23rpx;
 			margin-right: 8rpx;
 		}
+		.icon-img-1 {
+			width: 24rpx;
+			height: 24rpx;
+			margin-right: 16rpx;
+		}
 
 		.b-f {
 			position: relative;
@@ -697,4 +697,4 @@
 			}
 		}
 	}
-</style>
+</style>