1.优化详情页滚动翻页2.增加忽略问卷

.gitignore

@@ -5,7 +5,7 @@
 .nitro
 .cache
 dist
-
+.history
 # Node dependencies
 node_modules
 

pages/index.vue

@@ -1,8 +1,9 @@
 <template>
 	<div style="width: 100%;">
 		<!-- Swiper 容器 -->
-		<div :class="['group_666',{'isOldfont': isOldfont}]" style="position: relative;height: 100vh;">
+		<div :class="['group_666', { 'isOldfont': isOldfont }]" style="position: relative;height: 100vh;">
-			<AppHeader v-if="swiper_exp > 0" @crrentTop="toswiper" @openOldMode="openOldMode" :is-old="isOldfont" ref="AppHeader" :crrent-num="swiper_exp" />
+			<AppHeader v-if="swiper_exp > 0" @crrentTop="toswiper" @openOldMode="openOldMode" :is-old="isOldfont"
+				ref="AppHeader" :crrent-num="swiper_exp" />
 			<swiper class="swiper-container h-full" @swiper="onSwiperNews" v-bind="swiperOptionsNews">
 				<swiper-slide>
 					<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
@@ -31,7 +32,7 @@
 					<AppRegiment @toSwpe="toswiper"></AppRegiment>
 				</swiper-slide>
 				<!-- 新闻动态详情 -->
-				<swiper-slide v-if="isNews" >
+				<swiper-slide v-if="isNews">
 					<AppNewsdel class="scroll-container" @scroll.passive="handleScroll(6)"></AppNewsdel>
 				</swiper-slide>
 				<!-- 关于我们详情 -->
@@ -86,9 +87,11 @@
 						</p>
 					</div>
 					<div class="tuanguanxi">
-						<a href="https://mp.weixin.qq.com/s/N-qAWMJNGb7WjkXp3Xqrhg" rel="nofollow" target="_blank" style="display: block;"><img src="/img/tgxzj.jpg"></a>
+						<a href="https://mp.weixin.qq.com/s/N-qAWMJNGb7WjkXp3Xqrhg" rel="nofollow" target="_blank"
-						<a href="http://qnyz.lyd.com.cn/" rel="nofollow" target="_blank" style="display: block;"><img src="/img/qnyz.jpg"></a>
+							style="display: block;"><img src="/img/tgxzj.jpg"></a>
-						<img src="/img/lyb.jpg" @click="toswiper(8)"/>
+						<a href="http://qnyz.lyd.com.cn/" rel="nofollow" target="_blank" style="display: block;"><img
+								src="/img/qnyz.jpg"></a>
+						<img src="/img/lyb.jpg" @click="toswiper(8)" />
 					</div>
 				</div>
 			</div>
@@ -100,7 +103,7 @@
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import { nextTick, ref } from 'vue'
 import 'swiper/css'
-import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade,Mousewheel } from "swiper/modules";
+import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade, Mousewheel } from "swiper/modules";
 import ScrollReveal from 'scrollreveal';
 import { NNumberAnimation } from 'naive-ui'
 
@@ -124,15 +127,15 @@ const rightValue = ref('-94px');
 const isheight = ref(false);
 const isScrollBottom = ref(false);
 const updateRight = () => {
-	if(rightValue.value == '-94px'){
+	if (rightValue.value == '-94px') {
 		rightValue.value = '34px';
-	} else{
+	} else {
 		rightValue.value = '-94px';
 	}
 }
 
-const openOldMode = (value:boolean) => {
+const openOldMode = (value: boolean) => {
-    isOldfont.value  = !isOldfont.value
+	isOldfont.value = !isOldfont.value
 }
 let newsSwiper: any = null
 const onSwiperNews = (swiper: any) => {
@@ -144,7 +147,11 @@ const onSwiperNews = (swiper: any) => {
 		// console.log(swiper.el.scrollHeight);
 		// console.log(window);
 		swiper_exp.value = swiper.realIndex;
-		
+		if (swiper.realIndex == 6) {
+			newsSwiper.mousewheel.disable(); //禁止鼠标滑轮控制
+		} else {
+			newsSwiper.mousewheel.enable(); //开启鼠标滑轮控制
+		}
 	})
 }
 let isMeassage = ref(true);
@@ -186,12 +193,12 @@ const swiperOptionsNews = {
 }
 const handleScroll = (index) => (event) => {
 	debugger;
-  const { scrollHeight, scrollTop, clientHeight } = event.target;
+	const { scrollHeight, scrollTop, clientHeight } = event.target;
-  // 判断是否触底（留1px误差）
+	// 判断是否触底（留1px误差）
-  isScrollBottom.value = scrollHeight - scrollTop <= clientHeight + 1;
+	isScrollBottom.value = scrollHeight - scrollTop <= clientHeight + 1;
 
-  // 动态控制Swiper滚轮行为
+	// 动态控制Swiper滚轮行为
-  newsSwiper.value.mousewheel.releaseOnEdges = isScrollBottom.value;
+	newsSwiper.value.mousewheel.releaseOnEdges = isScrollBottom.value;
 };
 
 // let vesSwiper: any = null
@@ -485,44 +492,49 @@ onMounted(() => {
 	padding-top: 10px;
 }
 
-.fiximg{
+.fiximg {
 	transition: right 0.5s ease-in-out;
 	position: fixed;
 	top: 40px;
 	align-items: center;
-	z-index:111;
+	z-index: 111;
-	.qqt{
+
+	.qqt {
 		cursor: pointer;
 	}
-	.divcode{
+
+	.divcode {
 		position: relative;
 		display: flex;
-    	justify-content: center;
+		justify-content: center;
-		.imgs{
+
+		.imgs {
 			width: 63px;
 			margin-bottom: 20px;
 			cursor: pointer;
 		}
 
-		.pcode{
+		.pcode {
 			display: inline-block;
 			position: absolute;
 			width: 0;
-    		right: 99px;
+			right: 99px;
-    		bottom: 20px;
+			bottom: 20px;
 			transition: all 0.5s;
 		}
-		&:hover .pcode{
+
+		&:hover .pcode {
 			width: 100px;
 		}
 	}
-	.tuanguanxi{
+
+	.tuanguanxi {
 		position: relative;
 		left: 30px;
 	}
 }
-.isOldfont *{
+
+.isOldfont * {
 	font-size: 28px !important;
 }
 </style>
-