From 91007730ad107f33422e5963586b74e70d70809b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?= =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com> Date: Tue, 8 Jul 2025 15:01:30 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.vue | 19 ++- components/AppAbout.vue | 17 ++- components/AppContactUs.vue | 57 +++++++-- components/AppFooter.vue | 37 +++++- components/AppHeader.vue | 231 ++++++++++++++++++++--------------- components/AppHome.vue | 115 ++++++++++++----- components/AppLuoYang.vue | 73 ++++++++--- components/AppMessage.vue | 28 ++++- components/AppNews.vue | 28 ++++- components/AppRegiment.vue | 76 ++++++++---- pages/index.vue | 24 ++-- pages/info/[id].vue | 30 ++++- pages/messageBoard/index.vue | 25 +++- pages/search_info/index.vue | 21 +++- public/img/index/dlogo.png | Bin 37561 -> 30874 bytes public/img/index/logo.png | Bin 0 -> 164937 bytes public/img/index/wzjx.png | Bin 6632 -> 1507 bytes 17 files changed, 569 insertions(+), 212 deletions(-) create mode 100644 public/img/index/logo.png diff --git a/app.vue b/app.vue index afd60ea..9b21e65 100644 --- a/app.vue +++ b/app.vue @@ -14,12 +14,21 @@ import { useStore } from '~/store' import { useI18n } from 'vue-i18n' const { locale } = useI18n() useSeoMeta({ - title: '中国共产主义青年团洛阳市委员会', - ogTitle: '中国共产主义青年团洛阳市委员会', - description: '中国共产主义青年团洛阳市委员会', - ogDescription: '中国共产主义青年团洛阳市委员会', - ogImage: 'https://example.com/image.png', + title: '洛阳青年之家 | 共青团洛阳市委员会 - 引领青年成长，服务洛阳发展', + ogTitle: '共青团洛阳市委员会官网 | 洛阳青年工作动态与服务平台', + description: '共青团洛阳市委员会权威平台，发布青年政策、志愿服务、就业创业指南、主题活动资讯，助力洛阳青年发展与城市建设。', + ogDescription: '获取洛阳共青团最新工作动态、青年活动报名入口、权益维护服务及社会实践机会，加入洛阳青年成长社区。', + ogImage: 'https://tsw.hschool.com.cn/web/img/index/logo.png', twitterCard: 'summary_large_image', + // 补充关键元标签 + keywords: '洛阳共青团,青年志愿服务,洛阳就业创业,青少年权益保护,青年大学习,洛阳青年活动' +}) +// 补充企业微信专用标签 +useHead({ + meta: [ + { name: 'wechat:image', content: 'https://tsw.hschool.com.cn/web/img/index/logo.png' }, + { name: 'x5:image', content: 'https://tsw.hschool.com.cn/web/img/index/logo.png' }, + ] }) const store = useStore(); onMounted(() => { diff --git a/components/AppAbout.vue b/components/AppAbout.vue index a848e7b..764a7ba 100644 --- a/components/AppAbout.vue +++ b/components/AppAbout.vue @@ -24,7 +24,7 @@
-
关于我们
+
组织机构
@@ -144,6 +144,7 @@ const getNewstypeList = async () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -407,4 +408,18 @@ const getNewstypeList = async () => { width: 700px; } } +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + + } + .News_box{ + width: 900px; + margin-left: 250px; + } + .rig_box{ + width: 700px; + } +} \ No newline at end of file diff --git a/components/AppContactUs.vue b/components/AppContactUs.vue index 0e8a973..7adb2db 100644 --- a/components/AppContactUs.vue +++ b/components/AppContactUs.vue @@ -10,13 +10,13 @@
- +
@@ -126,6 +126,14 @@ const getLiuyanList = async () => { onMounted(() => { getLiuyanList(); }) +const toSearch = () => { + // emit('toSwpe',9); + // emitter.emit('inputSea', { + // keywords:inputSearch.value, + // type: 1, + // }); + window.open(`/search_info?type=1&keywords=${inputSearch.value}`) +} const emit = defineEmits(['toSwpe']) const toMore = (index:number) => { emit('toSwpe', index); @@ -198,6 +206,7 @@ const submitForm = () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -209,7 +218,6 @@ const submitForm = () => { .inputform { position: relative; width: 340px; - margin-right: 319px; } .contactInput { @@ -232,7 +240,7 @@ const submitForm = () => { .search_rinput { width: 68px; height: 50px; - background: #E6E6E6; + background: #338CDE; border-radius: 0px 8px 8px 0px; position: absolute; top: 0; @@ -321,7 +329,7 @@ const submitForm = () => { // right: 30px; height: 50px; margin-top: 20px; - margin-left: 50px; + margin-left: 60px; background: linear-gradient(0deg, #338CDE 0%, #469CE2 100%); border: none; font-weight: bold; @@ -388,11 +396,16 @@ const submitForm = () => { } @media (max-width: 1440px) { + .top_search { + width: 920px; + margin-left: 370px; + + } .left-msg { width: 1018px; margin: 0; margin-left: 270px; - margin-top: 40px; + margin-top: 60px; } #myTextarea { @@ -413,4 +426,34 @@ const submitForm = () => { width: 41px; } } +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + } + .left-msg { + width: 900px; + margin: 0; + margin-left: 260px; + margin-top: 60px; + } + + #myTextarea { + width: 658px; + } + + .contactInputs { + width: 165px; + } + + .inputforms { + display: flex; + justify-content: start !important; + align-items: center; + } + + .contactForm .inputforms span { + width: 41px; + } +} diff --git a/components/AppFooter.vue b/components/AppFooter.vue index b6a8308..657d079 100644 --- a/components/AppFooter.vue +++ b/components/AppFooter.vue @@ -2,7 +2,7 @@
-
+
中央人民政府
@@ -38,7 +38,7 @@
-
+
+
+
- - 官网首页 - + + 官网首页 +
-
- - 关于我们 - +
+ + 组织机构 +
- - 新闻动态 - + + 新闻动态 +
- - 青春洛阳 - + + 青春洛阳 +
- - 服务青年 - + + 服务青年 +
- - 信息公开 - + + 信息公开 +
- - 团团留言板 - + + 团团留言板 +
+
+ +
- \ No newline at end of file diff --git a/components/AppHome.vue b/components/AppHome.vue index 3724db3..395c5ed 100644 --- a/components/AppHome.vue +++ b/components/AppHome.vue @@ -7,8 +7,10 @@
- +
+
@@ -64,14 +66,15 @@
-
+
{{ item.name }}
-
+
更多 @@ -104,7 +107,8 @@ 通知公告
-
+
更多 @@ -327,31 +331,20 @@ const toSearch = () => { window.open(`/search_info?type=1&keywords=${inputSearch.value}`) } -const openWeb = (item) =>{ +const openWeb = (item) => { //out 外链 in内部 - if(item.type=='out'){ + if (item.type == 'out') { window.open(item.url); - }else{ + } else { window.open(`/info/${item.url}?type=1`) } console.log(item) } // 查看更多 -const toMore = (index:number) => { +const toMore = (index: number) => { emit('toSwpe', index); } -const bstList = ref([ - { title: "中国共产主义青年团的性质是什么?", id: 5969 }, - { title: "中国共产主义青年团的行动指南是什么?", id: 5970 }, - { title: "为什么说共青团是中国共产党的助手和后备军?", id: 5971 }, - { title: "中国共产主义青年团在新时代的基本任务是什么?", id: 5972 }, - { title: "怎样加入中国共产主义青年团?", id: 5973 }, - { title: "团员必须履行哪些义务?", id: 5974 }, - { title: "团员享有哪些权利?", id: 5975 }, - { title: "团旗、团徽和团歌分别是什么?", id: 5976 } -]) - const openUrl = (id: number) => { window.open(`/info/${id}?type=1`) } @@ -390,7 +383,7 @@ const getNewstypeList = async () => { listIndex.value = list[0].id; listType.value = list; list.map((item: any) => { - if (item.name == '平台公告') { + if (item.name == '通知公告') { ptggid = item.id; } // if (item.name == '基层动态') { @@ -503,6 +496,7 @@ const changeListIndex = async (id: number) => { } .top_search { + margin: 0 auto; width: 1200px; margin-left: 400px; margin-top: 50px; @@ -781,6 +775,7 @@ const changeListIndex = async (id: number) => { } } } + .t1 { font-weight: bold; font-family: PingFang SC; @@ -830,21 +825,14 @@ const changeListIndex = async (id: number) => { width: 400px; } +.dddccc { + display: flex; + align-items: center; + gap: 55px; +} + @media (max-width: 1440px) { - .home_con2, - .home_con1, - .home_con { - width: 920px; - } - - .top_search { - width: 920px; - } - - .fly1s { - width: 900px; - } .tz-span { width: 180px; } @@ -864,5 +852,66 @@ const changeListIndex = async (id: number) => { .lx-span { width: 310px; } + + .dddccc { + gap: 28px; + } + + .top_search { + width: 920px; + margin-left: 380px; + } + + .home_con { + width: 920px; + margin-left: 380px; + } + + .home_con1 { + width: 920px; + margin-left: 380px; + } +} + +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + } + + .home_con { + width: 800px; + margin-left: 357px; + } + + .home_con1 { + width: 800px; + margin-left: 357px; + } + + .t1 { + font-size: 16px; + } + + .t2 { + font-size: 16px; + } + + .dddccc { + gap: 15px; + } + + .lx-span { + width: 265px; + } + + .jc-span { + width: 375px; + } + + .tz-span { + width: 153px; + } + } diff --git a/components/AppLuoYang.vue b/components/AppLuoYang.vue index 2b1966b..3b137da 100644 --- a/components/AppLuoYang.vue +++ b/components/AppLuoYang.vue @@ -8,7 +8,8 @@
- +
-
+
@@ -40,11 +41,11 @@
-
+
-
{{item.title }}
+
{{ item.title }}
@@ -118,7 +119,7 @@ const hmScroll = () => { } } const emit = defineEmits(['toSwpe']) -const toMore = (index:number) => { +const toMore = (index: number) => { emit('toSwpe', index); } @@ -139,11 +140,11 @@ const getMesList = async (id: number) => { { cate_id: cateid.value, page: page.value, - limit:9 + limit: 9 } ) - total.value = res.data.data.count; - MesList.value = res.data.data.list; + total.value = res.data.data.count; + MesList.value = res.data.data.list; } const getNewstypeList = async () => { const res = await $api.get('/api/home.media_matrix/cate') @@ -173,6 +174,7 @@ const getNewstypeList = async () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -219,13 +221,12 @@ const getNewstypeList = async () => { .News_box { width: 1300px; margin: 0 auto; +} - .lef_box { - height: 100%; - margin-top: 40px; - margin-left: 100px; - - } +.lef_box { + height: 100%; + margin-top: 40px; + margin-left: 100px; } .le1 { @@ -295,7 +296,8 @@ const getNewstypeList = async () => { } .pages_tsw { - padding:30px 0px 0px 270px; + padding: 30px 0px 0px 270px; + :deep(.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active) { color: #ffffff; background-color: #388FDF; @@ -330,6 +332,7 @@ const getNewstypeList = async () => { } } } + @media (max-width: 1440px) { .top_search { width: 920px; @@ -347,8 +350,8 @@ const getNewstypeList = async () => { } .ly_list { - width: 208px; - height: 208px; + width: 209px; + height: 209px; } .ly_list_img { @@ -367,4 +370,38 @@ const getNewstypeList = async () => { font-size: 20px; } } + +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + + } + + .News_box { + width: 900px; + margin-left: 250px; + } + + .ly_list { + width: 165px; + height: 165px; + } + + .ly_list_img { + width: 50px; + height: 50px; + margin: 0 auto; + } + + .ly_list_img_act { + width: 80px; + height: 80px; + margin: 0 auto; + } + + .ly_list_text { + font-size: 16px; + } +} diff --git a/components/AppMessage.vue b/components/AppMessage.vue index 1e2fc4f..4bbfd8b 100644 --- a/components/AppMessage.vue +++ b/components/AppMessage.vue @@ -37,7 +37,7 @@ @click="openUrl(item.id)">
- {{ item.title }} + {{ item.title }}
@@ -180,6 +180,7 @@ const getNewstypeList = async () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -228,7 +229,7 @@ const getNewstypeList = async () => { justify-content: space-between; width: 1300px; margin: 0 auto; - + gap: 20px; .lef_box { width: 260px; height: 100%; @@ -445,5 +446,28 @@ const getNewstypeList = async () => { .rig_box { width: 650px !important; } + .d_span{ + width: 468px; + } +} +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + + } + + .News_box { + width: 900px; + margin-left: 260px; + + } + + .rig_box { + width: 650px !important; + } + .d_span{ + width: 328px; + } } diff --git a/components/AppNews.vue b/components/AppNews.vue index c53920a..0967e23 100644 --- a/components/AppNews.vue +++ b/components/AppNews.vue @@ -37,7 +37,7 @@ @click="openUrl(item.id)">
- {{ item.title }} + {{ item.title }}
@@ -181,6 +181,7 @@ const getNewstypeList = async () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -229,7 +230,7 @@ const getNewstypeList = async () => { justify-content: space-between; width: 1300px; margin: 0 auto; - + gap: 20px; .lef_box { width: 260px; height: 100%; @@ -446,5 +447,28 @@ const getNewstypeList = async () => { .rig_box { width: 650px !important; } + .d_span{ + width: 468px; + } +} +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + + } + + .News_box { + width: 900px; + margin-left: 260px; + + } + + .rig_box { + width: 650px !important; + } + .d_span{ + width: 328px; + } } diff --git a/components/AppRegiment.vue b/components/AppRegiment.vue index 986b14e..d948b83 100644 --- a/components/AppRegiment.vue +++ b/components/AppRegiment.vue @@ -6,7 +6,8 @@
- +
- -
+ +
@@ -47,7 +48,8 @@ 热门百科
-
+
更多 @@ -61,10 +63,11 @@
{{ item.title }}
- {{ item.release_time_text.slice(5, 10) }} + {{ + item.release_time_text.slice(5, 10) }}
-
@@ -80,7 +83,8 @@ 国务院百事通
-
+
更多 @@ -92,11 +96,11 @@
- {{ item.title}} + {{ item.title }}
-
@@ -149,7 +153,7 @@ onMounted(() => { const hmScroll = () => { let home = document.getElementById('regid'); if (home.scrollTop + home.clientHeight >= home.scrollHeight) { - emit('toSwpe',6); + emit('toSwpe', 6); } if (home.scrollTop == 0) { emit('toSwpe', 4); @@ -161,11 +165,11 @@ const getFwImg = async () => { const res = await $api.get('/api/index/images?page=1&limit=9&status=2') fwImg.value = res.data.data.list; } -const openWeb = (item) =>{ +const openWeb = (item) => { //out 外链 in内部 - if(item.type=='out'){ + if (item.type == 'out') { window.open(item.url); - }else{ + } else { window.open(`/info/${item.url}?type=1`) } console.log(item) @@ -175,7 +179,7 @@ const emit = defineEmits(['toSwpe']) const toMore = () => { window.open(`/messageBoard`) } -const toHome = (index:number) => { +const toHome = (index: number) => { emit('toSwpe', index); } //跳转详情 @@ -204,18 +208,18 @@ const toSearch = () => { const getMesList = async () => { const res = await $api.post('/api/home.encyclopedia/index', { - cate_id:'102', + cate_id: '102', limit: 7, page: 1, } ) - MesList.value = res.data.data.list; + MesList.value = res.data.data.list; } -const YwList =ref([]); -const getYwList = async () => { +const YwList = ref([]); +const getYwList = async () => { const res = await $api.post('/api/home.encyclopedia/index', { - cate_id:'103', + cate_id: '103', limit: 7, page: 1, } @@ -249,6 +253,7 @@ const getNewstypeList = async () => { } .top_search { + margin: 0 auto; margin-top: 50px; height: 70px; justify-content: space-between; @@ -396,9 +401,11 @@ const getNewstypeList = async () => { .rm-span { width: 550px; } -.gw-span{ + +.gw-span { width: 350px; } + @media (max-width: 1440px) { .top_search { width: 920px; @@ -418,8 +425,33 @@ const getNewstypeList = async () => { .rm-span { width: 450px; } - .gw-span{ - width:280px; + + .gw-span { + width: 280px; + } } +@media (max-width: 1280px) { + .top_search { + width: 800px; + margin-left: 357px; + + } + + .News_box { + width: 900px; + margin-left: 260px; + } + + .rig_box { + width: 700px; + } + + .rm-span { + width: 385px; + } + + .gw-span { + width: 225px; + } } diff --git a/pages/index.vue b/pages/index.vue index 9c63de6..8899b19 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,5 +1,6 @@