From 53f327f5a582125b691c7531de275c65398d50e9 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 16:18:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AppAbout.vue     | 14 +++++++++++++
 components/AppContactUs.vue | 36 ++++++++++++++++++++++++++++++---
 components/AppFooter.vue    | 22 ++++++++++++++++++++
 components/AppHeader.vue    | 10 +++++++++-
 components/AppHome.vue      | 40 +++++++++++++++++++++++++++++++++++++
 components/AppLuoYang.vue   | 32 +++++++++++++++++++++++++++++
 components/AppMessage.vue   | 20 +++++++++++++++++++
 components/AppNews.vue      | 20 +++++++++++++++++++
 components/AppRegiment.vue  | 24 ++++++++++++++++++++++
 pages/index.vue             | 18 +++++++++++++----
 pages/info/[id].vue         |  6 ++++++
 11 files changed, 234 insertions(+), 8 deletions(-)

diff --git a/components/AppAbout.vue b/components/AppAbout.vue
index 764a7ba..d37fca1 100644
--- a/components/AppAbout.vue
+++ b/components/AppAbout.vue
@@ -408,6 +408,20 @@ const getNewstypeList = async () => {
         width: 700px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+        
+    }
+    .News_box{
+        width: 970px;
+        margin-left: 250px;
+    }
+    .rig_box{
+        width: 700px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppContactUs.vue b/components/AppContactUs.vue
index 7adb2db..38373e8 100644
--- a/components/AppContactUs.vue
+++ b/components/AppContactUs.vue
@@ -58,17 +58,17 @@
                     <div class="re_list" v-for="item, index in liuyanList">
                         <div style="margin: 30px;">
                             <div class="re_list_tit flex" style="width: 100%;">
-                                <span style="width: 15%">问题：</span>
+                                <span style="width: 17%">问题：</span>
                                 <span style="color: #323232;width:85% ;">{{ item.question }}</span>
                             </div>
                             <div class="re_list_tit flex" style="margin-top: 15px;width: 100%;">
-                                <span style="width: 15%">描述：</span>
+                                <span style="width: 17%">描述：</span>
                                 <span :title="item.message" class="three-line-ellipsis"
                                     style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.message
                                     }}</span>
                             </div>
                             <div class="re_list_tit flex" style="margin-top: 15px;">
-                                <span style="color: #368FDF;width: 15%;">回复：</span>
+                                <span style="color: #368FDF;width: 17%;">回复：</span>
                                 <span :title="item.answer" class="two-line-ellipsis"
                                     style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.answer
                                     }}</span>
@@ -426,6 +426,36 @@ const submitForm = () => {
         width: 41px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+    }
+    .left-msg {
+        width: 960px;
+        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;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index 657d079..cdbcab6 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -274,6 +274,28 @@ const openT = () => {
     height: 70px;
   }
 }
+@media (max-width: 1366px) {
+  .group_30 {
+    width: 870px;
+    margin-left: 357px;
+  }
+
+  .db-flex {
+    gap: 10px;
+  }
+
+  .b1 {
+    width: 180px;
+  }
+
+  .image_29 {
+    margin-right: 0px;
+  }
+  .image_30{
+    width: 50px;
+    height: 50px;
+  }
+}
 @media (max-width: 1280px) {
   .group_30 {
     width: 800px;
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index b3390a8..69d9f2b 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -195,7 +195,15 @@ onMounted(() => {
     }
 }
 
-@media screen and (max-width: 768px) {}
+@media screen and (max-width: 1366px) {
+    .pc-nav-item {
+        margin-bottom: 20px;
+    }
+
+    .pc-nav {
+        margin-top: 40px;
+    }
+}
 
 @media screen and (max-width: 1280px) {
     .pc-nav-item {
diff --git a/components/AppHome.vue b/components/AppHome.vue
index 395c5ed..8bfd90d 100644
--- a/components/AppHome.vue
+++ b/components/AppHome.vue
@@ -872,7 +872,47 @@ const changeListIndex = async (id: number) => {
         margin-left: 380px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+    }
+ 
+    .home_con {
+        width: 860px;
+        margin-left: 357px;
+    }
 
+    .home_con1 {
+        width: 860px;
+        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;
+    }
+ 
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppLuoYang.vue b/components/AppLuoYang.vue
index 3b137da..73d9351 100644
--- a/components/AppLuoYang.vue
+++ b/components/AppLuoYang.vue
@@ -370,7 +370,39 @@ const getNewstypeList = async () => {
         font-size: 20px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
 
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 250px;
+    }
+
+    .ly_list {
+        width: 188px;
+        height: 188px;
+    }
+
+    .ly_list_img {
+        width: 60px;
+        height: 60px;
+        margin: 0 auto;
+    }
+
+    .ly_list_img_act {
+        width: 100px;
+        height: 100px;
+        margin: 0 auto;
+    }
+
+    .ly_list_text {
+        font-size: 16px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppMessage.vue b/components/AppMessage.vue
index 4bbfd8b..37f7371 100644
--- a/components/AppMessage.vue
+++ b/components/AppMessage.vue
@@ -450,6 +450,26 @@ const getNewstypeList = async () => {
         width: 468px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 260px;
+      
+    }
+
+    .rig_box {
+        width: 650px !important;
+    }
+    .d_span{
+        width: 328px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppNews.vue b/components/AppNews.vue
index 0967e23..16b6b3d 100644
--- a/components/AppNews.vue
+++ b/components/AppNews.vue
@@ -451,6 +451,26 @@ const getNewstypeList = async () => {
         width: 468px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 860px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 960px;
+        margin-left: 260px;
+      
+    }
+
+    .rig_box {
+        width: 650px !important;
+    }
+    .d_span{
+        width: 328px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/components/AppRegiment.vue b/components/AppRegiment.vue
index d948b83..d4db7ca 100644
--- a/components/AppRegiment.vue
+++ b/components/AppRegiment.vue
@@ -430,6 +430,30 @@ const getNewstypeList = async () => {
         width: 280px;
     }
 }
+@media (max-width: 1366px) {
+    .top_search {
+        width: 870px;
+        margin-left: 357px;
+
+    }
+
+    .News_box {
+        width: 970px;
+        margin-left: 260px;
+    }
+
+    .rig_box {
+        width: 700px;
+    }
+
+    .rm-span {
+        width: 385px;
+    }
+
+    .gw-span {
+        width: 225px;
+    }
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;
diff --git a/pages/index.vue b/pages/index.vue
index 8899b19..82b204e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div style="width: 100%;height: 100%;">
-	<img :src="`/img/index/logo.ong`" alt="LOGO" style="display: none;">
+		<img :src="`/img/index/logo.ong`" alt="LOGO" style="display: none;">
 		<!-- Swiper 容器 -->
 		<div :class="['group_666', { 'isOldfont': isOldfont }]" style="position: relative;height: 100vh;">
 			<AppHeader v-if="swiper_exp > 0" @crrentTop="toswiper" @openOldMode="openOldMode" :is-old="isOldfont"
@@ -9,7 +9,7 @@
 				<swiper-slide>
 					<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
 					<div style="position: absolute;top:15%;left:0px;right: 0px;">
-						<img :src="`/img/index/dlogo1.png`" style="width: 300px;margin: 0 auto;" alt="">
+						<img :src="`/img/index/dlogo1.png`" class="home-logo" style="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="">
@@ -164,7 +164,7 @@ const onSwiperNews = (swiper: any) => {
 		if (swiper.realIndex != 0) {
 			newsSwiper.mousewheel.disable();
 			newsSwiper.allowTouchMove = true;// 开启拖动 
-		}else{
+		} else {
 			newsSwiper.mousewheel.enable();
 			newsSwiper.allowTouchMove = true;
 		}
@@ -364,7 +364,7 @@ onMounted(() => {
 	transform: translate3d(0px, 0px, -507px) rotateX(0deg) rotateY(0deg) scale(1) !important;
 }
 
-.group_666 .swiper-slide img {
+.group_666 .swiper-slide {
 	width: 100%;
 	height: auto;
 	// transition: 1s linear 2s;
@@ -580,6 +580,16 @@ onMounted(() => {
 	font-size: 28px !important;
 }
 
+.home-logo {
+	width: 300px;
+}
+
+@media screen and (max-width: 1366px) {
+	.home-logo {
+		width: 250px;
+	}
+}
+
 @media screen and (max-width: 1440px) {
 	.fiximg {
 		right: 30px;
diff --git a/pages/info/[id].vue b/pages/info/[id].vue
index 7a0efe7..7eb42b6 100644
--- a/pages/info/[id].vue
+++ b/pages/info/[id].vue
@@ -560,6 +560,12 @@ onMounted(() => {
         right: 138px!important;
     }
 }
+@media (max-width: 1366px) {
+    .topding {
+        right: 64px!important;
+    }
+
+}
 @media (max-width: 1280px) {
     .top_search {
         width: 800px;