wo123/tuanshiwei-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
王创世 2025-05-30 15:24:43 +08:00
parent 5fe71d1c31
commit e6e281aaca
2 changed files with 50 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

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

22
pages/index.vue
View File

@ -2,7 +2,8 @@
<div style="width: 100%;"> <div style="width: 100%;">
<!-- Swiper 容器 --> <!-- 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 class="swiper-container h-full" @swiper="onSwiperNews" v-bind="swiperOptionsNews">
<swiper-slide> <swiper-slide>
<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;"> <img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
@ -86,8 +87,10 @@
</p> </p>
</div> </div>
<div class="tuanguanxi"> <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>
<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)" /> <img src="/img/lyb.jpg" @click="toswiper(8)" />
</div> </div>
</div> </div>
@ -144,7 +147,11 @@ const onSwiperNews = (swiper: any) => {
// console.log(swiper.el.scrollHeight); // console.log(swiper.el.scrollHeight);
// console.log(window); // console.log(window);
swiper_exp.value = swiper.realIndex; swiper_exp.value = swiper.realIndex;
if (swiper.realIndex == 6) {
newsSwiper.mousewheel.disable(); //禁止鼠标滑轮控制
} else {
newsSwiper.mousewheel.enable(); //开启鼠标滑轮控制
}
}) })
} }
let isMeassage = ref(true); let isMeassage = ref(true);
@ -491,13 +498,16 @@ onMounted(() => {
top: 40px; top: 40px;
align-items: center; align-items: center;
z-index: 111; z-index: 111;
.qqt { .qqt {
cursor: pointer; cursor: pointer;
} }
.divcode { .divcode {
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
.imgs { .imgs {
width: 63px; width: 63px;
margin-bottom: 20px; margin-bottom: 20px;
@ -512,17 +522,19 @@ onMounted(() => {
bottom: 20px; bottom: 20px;
transition: all 0.5s; transition: all 0.5s;
} }
&:hover .pcode { &:hover .pcode {
width: 100px; width: 100px;
} }
} }
.tuanguanxi { .tuanguanxi {
position: relative; position: relative;
left: 30px; left: 30px;
} }
} }
.isOldfont * { .isOldfont * {
font-size: 28px !important; font-size: 28px !important;
} }
</style> </style>