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

1.首页修改

Browse Source
This commit is contained in:
王创世 2025-07-01 18:31:19 +08:00
parent 81ca4297d8
commit 4095e8afcb
25 changed files with 855 additions and 566 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app.vue
View File

@ -69,5 +69,11 @@ body {
background: linear-gradient(180deg, #e52e71, #ff8a00);
}
select{
-webkit-appearance:none;
box-shadow: none;
-moz-appearance:none;
appearance:none;
}
</style>

107
components/AppFooter.vue
View File

@ -2,7 +2,64 @@
<!-- PC端布局 -->
<div class="group_30 flex-col pc-footer">
<div class="text-wrapper_13 flex-row">
<span class="text_66">友情链接:</span>
<div class="fly1s" style="margin-top: 40px;">
<div style="display: flex;justify-content: space-between;align-items: center;gap: 30px;">
<div class="b1">中央人民政府</div>
<div style="display: flex;">
<div class="b1" style="padding: 0;">
<select style="width: 100%;height: 41px;padding-left:15px;">
<option value="1">省级共青团网站</option>
<option value="2">省级共青团网站</option>
<option value="3">省级共青团网站</option>
<option value="4">省级共青团网站</option>
</select>
</div>
<div>
<img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
</div>
</div>
<div style="display: flex;">
<div class="b1" style="padding: 0;">
<select style="width: 100%;height: 41px;padding-left:15px;">
<option value="1">各地共青团网站</option>
<option value="2">各地共青团网站</option>
<option value="3">各地共青团网站</option>
<option value="4">各地共青团网站</option>
</select>
</div>
<div>
<img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
</div>
</div>
<div style="display: flex;">
<div class="b1" style="padding: 0;">
<select style="width: 100%;height: 41px;padding-left:15px;">
<option value="1">其他</option>
<option value="2">其他</option>
<option value="3">其他</option>
<option value="4">其他</option>
</select>
</div>
<div>
<img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
</div>
</div>
<div style="display: flex;">
<div class="b1" style="padding: 0;">
<select style="width: 100%;height: 41px;padding-left:15px;">
<option value="1">办公入口</option>
<option value="2">办公入口</option>
<option value="3">办公入口</option>
<option value="4">办公入口</option>
</select>
</div>
<div>
<img :src="`/img/index/bi.png`" style="height: 45px;width: 45px;cursor: pointer;"></img>
</div>
</div>
</div>
</div>
<!-- <span class="text_66">友情链接:</span>
<NuxtLink to="https://www.gov.cn/" target="_blank">
<span class="text_67">中央人民政府门户网站</span>
</NuxtLink>
@ -17,7 +74,7 @@
</NuxtLink>
<NuxtLink to="https://www.ly.gov.cn/" target="_blank">
<span class="text_67">洛阳市人民政府网站</span>
</NuxtLink>
</NuxtLink> -->
</div>
<div class="group_31 flex-col"></div>
<div class="group_32 flex-row justify-between">
@ -34,29 +91,24 @@
</span>
</div>
<div class="flex-row align-center text-center">
<img class="image_29" referrerpolicy="no-referrer"
:src="`/img/index/dzjg.png`" />
<img class="image_29" referrerpolicy="no-referrer" :src="`/img/index/dzjg.png`" />
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer"
:src="`/img/wxcode.jpg`" />
<img class="image_30" referrerpolicy="no-referrer" :src="`/img/wxcode.jpg`" />
<p class="mt-[10px]">官方微信</p>
</div>
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer"
:src="`/img/dycode.jpg`" />
<p class="mt-[10px]">官方抖音</p>
<img class="image_30" referrerpolicy="no-referrer" :src="`/img/dycode.jpg`" />
<p class="mt-[10px]">官方抖音</p>
</div>
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer" :src="`/img/wbcode.jpg`" />
<p class="mt-[10px]">官方微博</p>
</div>
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer"
:src="`/img/wbcode.jpg`" />
<p class="mt-[10px]">官方微博</p>
</div>
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer"
:src="`/img/bilicode.jpg`" />
<p class="mt-[10px]">bilibili官方账号</p>
</div>
<div class="ml-[20px]">
<img class="image_30" referrerpolicy="no-referrer" :src="`/img/bilicode.jpg`" />
<p class="mt-[10px]">bilibili官方账号</p>
</div>
</div>
@ -84,13 +136,14 @@
<div class="mobile-social flex-row">
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/dycode.png`" />
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wbcode.png`" />
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wxcode.png`" />
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/bilicode.png`" />
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/wxcode.png`" />
<img class="mobile-social-icon" referrerpolicy="no-referrer" :src="`/img/bilicode.png`" />
</div>
</div>
</template>
<script lang="ts" setup>
const selectValue = ref(false);
</script>
<style lang="scss" scoped>
@ -160,4 +213,16 @@
height: 150px;
}
}
.b1 {
padding-left: 15px;
font-size: 18px;
color: #323232;
height: 45px;
line-height: 45px;
width: 200px;
background: #FFFFFF;
border: 1px solid #EEEEEE;
cursor: pointer;
}
</style>

27
components/AppHeader.vue
View File

@ -19,20 +19,35 @@
</div>
<div class="pc-nav-item" @click="gotoList(4)">
<img :src="crrent==4?'/img/index/message1.png':'/img/index/message.png'" alt=""></img>
<span :class="['span',{'active': crrent==4}]">信息公开</span>
<span :class="['span',{'active': crrent==4}]">青春洛阳</span>
<img v-if="crrent==4" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
</div>
<div class="pc-nav-item" @click="gotoList(5)">
<img :src="crrent==5?'/img/index/baike1.png':'/img/index/baike.png'" alt=""></img>
<span :class="['span',{'active': crrent==5}]">团务百科</span>
<img :src="crrent==5?'/img/index/ly1.png':'/img/index/ly.png'" alt=""></img>
<span :class="['span',{'active': crrent==5}]">服务青年</span>
<img v-if="crrent==5" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
</div>
<div class="pc-nav-item" @click="gotoList(6)">
<img :src="crrent==6?'/img/index/message1.png':'/img/index/message.png'" alt=""></img>
<span :class="['span',{'active': crrent==6}]">信息公开</span>
<img v-if="crrent==6" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
</div>
<div class="pc-nav-item" @click="gotoList(7)">
<img :src="crrent==7?'/img/index/tt1.png':'/img/index/tt.png'" alt=""></img>
<span :class="['span',{'active': crrent==7}]">团团留言板</span>
<img v-if="crrent==7" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
</div>
<!-- <div class="pc-nav-item" @click="gotoList(8)">
<img :src="crrent==8?'/img/index/gx1.png':'/img/index/gx.png'" alt=""></img>
<span :class="['span',{'active': crrent==8}]">团关系转接</span>
<img v-if="crrent==8" src="/img/index/arrow.png" alt="" style="width: 9px;height: 12px;margin-left: 10px;">
</div> -->
</div>
<div class="line_h"></div>
<div class="goback" @click="goBack">返回首页</div>
<!-- <div class="goback" @click="goBack">返回首页</div> -->
<div style="margin-top: 50px;margin-left: 40px;">
<div class="box_1" id='assist-open'>无障碍阅读</div>
<div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div>
<!-- <div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div> -->
</div>
</div>
</template>
@ -89,7 +104,7 @@ onMounted(() => {
z-index: 1000;
.pc-nav {
margin-left: 60px;
margin-top: 250px;
margin-top: 115px;
text-align: center;
}
.pc-nav-item {

1217
components/AppHome.vue
View File

File diff suppressed because it is too large Load Diff

7
components/AppLuoYang.vue Normal file
View File

@ -0,0 +1,7 @@
<template>
<div>
青春洛阳
</div>
</template>

43
pages/index.vue
View File

@ -7,23 +7,35 @@
<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;">
<div style="position: absolute;bottom: 30px;right:30px;">
<img :src="`/img/index/hmouse.png`" alt="">
<div style="position: absolute;top:15%;left:0px;right: 0px;">
<img :src="`/img/index/dlogo1.png`" style="width: 300px;margin: 0 auto;" alt="">
</div>
<div style="position: absolute;top: 53%;left:0px;right: 0px;">
<img :src="`/img/index/hmouse1.png`" style="width: 180px;margin: 0 auto;" alt="">
</div>
</swiper-slide>
<!-- 首页 -->
<swiper-slide>
<AppHome @toSwpe="toswiper"></AppHome>
</swiper-slide>
<!-- 关于我们 -->
<swiper-slide>
<AppAbout @toSwpe="toswiper"></AppAbout>
</swiper-slide>
<!-- 新闻动态 -->
<swiper-slide>
<AppNews @toSwpe="toswiper"></AppNews>
</swiper-slide>
<!-- 信息公开 -->
<!-- 青春洛阳 -->
<swiper-slide>
<AppLuoYang @toSwpe="toswiper"></AppLuoYang>
</swiper-slide>
<!-- 服务青年 -->
<swiper-slide>
<AppMessage @toSwpe="toswiper"></AppMessage>
</swiper-slide>
@ -40,9 +52,9 @@
<AppAboutdel></AppAboutdel>
</swiper-slide> -->
<!-- 留言板 -->
<!-- <swiper-slide :show="isMeassage" id="messageid">
<swiper-slide @toSwpe="toswiper">
<AppContactUs></AppContactUs>
</swiper-slide> -->
</swiper-slide>
<!-- 搜索详情 -->
<!-- <swiper-slide :show="isSearch" id="searchid">
<AppSearchdel @toSwpe="toswiper"></AppSearchdel>
@ -60,7 +72,7 @@
</div> -->
<!-- 右分享 -->
<div v-if="swiper_exp > 0" ref="targetElement" class="flex flex-col fiximg" :style="{ right: rightValue }">
<img src="/img/qiqiu.png" class="qqt" @click="updateRight" alt=""></img>
<!-- <img src="/img/qiqiu.png" class="qqt" @click="updateRight" alt=""></img> -->
<div style="position: absolute;top: 200px;">
<div class="divcode">
<img class="imgs" :src="`/img/index/douyin.png`" alt="">
@ -86,13 +98,13 @@
<img :src="`/img/bilicode.jpg`" alt="">
</p>
</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="http://qnyz.lyd.com.cn/" rel="nofollow" target="_blank" style="display: block;"><img
src="/img/qnyz.jpg"></a>
<img src="/img/lyb.jpg" @click="openUrl" />
</div>
</div> -->
</div>
</div>
</div>
@ -103,7 +115,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'
@ -144,19 +156,18 @@ const onSwiperNews = (swiper: any) => {
// 更新当前活动幻灯片索引
// isMeassage.value = false;
// console.log(newsSwiper);
// console.log(window);
swiper_exp.value = swiper.realIndex;
if(swiper.realIndex == 1 || swiper.realIndex == 5){
if (swiper.realIndex == 1 || swiper.realIndex == 5) {
newsSwiper.mousewheel.disable();
newsSwiper.allowTouchMove= true;// 开启拖动
newsSwiper.allowTouchMove = true;// 开启拖动
}
// else if (swiper.realIndex == 6 || swiper.realIndex == 9 || swiper.realIndex == 7 || swiper.realIndex == 8) {
// newsSwiper.mousewheel.disable(); //禁止鼠标滑轮控制
// newsSwiper.allowTouchMove= false;//关闭拖动
// newsSwiper.allowTouchMove= false;//关闭拖动
// }
else {
newsSwiper.mousewheel.enable(); //开启鼠标滑轮控制
newsSwiper.allowTouchMove= true;// 开启拖动
newsSwiper.allowTouchMove = true;// 开启拖动
}
})
}
@ -170,7 +181,7 @@ const toswiper = (index: number) => {
// if (index == 7) isAbout.value = true;
// if (index == 8) isMeassage.value = true;
// if (index == 9) isSearch.value = true;
newsSwiper.slideTo(index,1000,true)
newsSwiper.slideTo(index, 1000, true)
}
const swiper_exp = ref(0);
@ -497,6 +508,8 @@ onMounted(() => {
}
.fiximg {
width: 80px;
height: 100%;
transition: right 0.5s ease-in-out;
position: fixed;
top: 40px;

BIN
public/img/code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 579 KiB

BIN
public/img/index/bi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/img/index/dlogo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/img/index/dlogo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 237 KiB

BIN
public/img/index/gg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
public/img/index/gx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/img/index/gx1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
public/img/index/hmouse.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
public/img/index/hmouse1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
public/img/index/hmsearch.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
public/img/index/homebg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
public/img/index/leftHead.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 300 KiB

BIN
public/img/index/ly.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/img/index/ly1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/img/index/r.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/img/index/rightcons.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
public/img/index/tt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/img/index/tt1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/img/index/wzjx.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB