From 9bf2ef8ed53999df158696d7c283fee16cb53d34 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: Sat, 24 May 2025 10:44:22 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=A4=9A=E4=B8=AA?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98?= =?UTF-8?q?=E5=8C=96=E5=B8=83=E5=B1=80=E5=92=8C=E5=93=8D=E5=BA=94=E5=BC=8F?= =?UTF-8?q?=E8=AE=BE=E8=AE=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 调整了多个页面的样式，包括间距、字体大小、背景颜色等，以优化布局和响应式设计。具体修改包括： - 调整了 `.box_1` 在移动设备下的高度。 - 修改了 `.bottom_imgss` 的背景颜色。 - 在 `AppFooter` 组件中添加了分隔线并调整了背景颜色。 - 优化了 `phone_index.vue` 中的边距和高度设置。 - 在 `phone_concatUs.vue` 中调整了 padding 和背景颜色。 - 在 `phone_info/[id].vue` 中优化了标题和内容的边距。 - 在 `phone_societyDuty.vue` 和 `phone_societyDutyNew.vue` 中添加了顶部导航栏和分隔线。 - 在 `phone_aboutUs.vue` 中调整了文本对齐方式和边距。 - 在 `phone_proServices_con.vue` 和 `phone_proServices.vue` 中优化了布局和样式。 这些修改旨在提升用户体验和界面一致性。 --- assets/index.scss | 5 +++ components/AppFooter.vue | 4 +-- pages/phone_aboutUs.vue | 38 ++++++++++---------- pages/phone_concatUs.vue | 5 +-- pages/phone_customerReviews.vue | 2 +- pages/phone_index.vue | 12 ++++--- pages/phone_info/[id].vue | 10 +++--- pages/phone_proServices.vue | 63 ++++++++++++++++----------------- pages/phone_proServices_con.vue | 53 +++++++++++++-------------- pages/phone_societyDuty.vue | 27 ++++++++++++-- pages/phone_societyDutyNew.vue | 36 ++++++++++++++----- 11 files changed, 154 insertions(+), 101 deletions(-) diff --git a/assets/index.scss b/assets/index.scss index d730317..c142b23 100644 --- a/assets/index.scss +++ b/assets/index.scss @@ -16,6 +16,11 @@ height: 90px; justify-content: center; } +@media screen and (max-width: 786px) { + .box_1 { + height: 60px; + } +} .image_1 { width: 154px; diff --git a/components/AppFooter.vue b/components/AppFooter.vue index 8d340c3..5137fbc 100644 --- a/components/AppFooter.vue +++ b/components/AppFooter.vue @@ -45,6 +45,7 @@
+
企业首页 产品&服务 @@ -87,8 +88,7 @@ .mobile-footer { display: flex; - padding: 20px; - background-color: #f8f8f8; + background-color: #ffffff; width: 100%; } diff --git a/pages/phone_aboutUs.vue b/pages/phone_aboutUs.vue index 6848f23..8791846 100644 --- a/pages/phone_aboutUs.vue +++ b/pages/phone_aboutUs.vue @@ -29,15 +29,15 @@
- + 洛阳灵睿网络技术有限公司成立于2006年，深耕互联网行业，专注智慧信息化与数字内容服务领域19年。是集技术研发、创意策划、全媒体运营于一体的高新技术企业。公司以“技术赋能场景，内容驱动价值”为核心使命，专注于为大型公立医院、教育机构、企事业单位、品牌营销策略提供一站式智慧化解决方案与品牌数字化升级服务，助力客户实现效率提升、品牌增值与精准传播。 - + 专注互联网领域，发散新媒体创思，执着深耕口碑服务，扎实落地品牌内容，共创新信息化与内容服务业态。
-
+ style="width: 100%;text-align: center;margin-top: 30px;"> +
@@ -47,7 +47,7 @@
-
+
@@ -56,7 +56,7 @@ 技术沉淀
-
+
@@ -66,7 +66,7 @@
-
+
@@ -98,29 +98,29 @@
-
-
-
- +
+
+ 睿创团队介绍
- +
灵睿基因一直是一群年轻的青年人组成，我们致力打造专业的团队化运营模式，集合程序猿、设计狗、运营喵的创作者联盟。年轻不是资本，敢重新定义年轻才是，在互联网领域，我们致力做一支专业，积极，上进的年轻团队；80后主导，90后主力，00后紧随。以“为客户创造价值 用互联网思维打造品牌”为使命。以“正直诚信、实干勇敢、协作共赢、创业精神”为价值观。努力发展，破茧成蝶。 - +
-
+
- 著作权和荣誉证书 + 著作权和荣誉证书 Company environment
-
+
@@ -346,7 +346,7 @@ const animate = () => { border-radius: 0px 0px 0px 0px; align-items: center; margin: 0 auto; - margin-bottom: 70px; + margin-bottom: 40px; .spanst { height: 32px; @@ -381,11 +381,11 @@ const animate = () => { .box_7 { background: var(--ruanzhu) 100% no-repeat; - height: 512px; + height: 458px; } .rongyu_cla { - margin-top: 50px; + margin-top: 30px; } .text_top_12 { diff --git a/pages/phone_concatUs.vue b/pages/phone_concatUs.vue index df2aefc..278ea54 100644 --- a/pages/phone_concatUs.vue +++ b/pages/phone_concatUs.vue @@ -13,7 +13,7 @@
-
+
@@ -41,7 +41,7 @@
- 热门岗位 + 热门岗位 Company environment
@@ -365,6 +365,7 @@ const animate = () => { @media (max-width: 768px) { .group_3 { + background: #ffffff; gap: 0px; height: 100%; } diff --git a/pages/phone_customerReviews.vue b/pages/phone_customerReviews.vue index fb11af7..94ad6c1 100644 --- a/pages/phone_customerReviews.vue +++ b/pages/phone_customerReviews.vue @@ -136,7 +136,7 @@ const animate = () => { } .bottom_imgss { - background: var(--bg-s); + background: #f7f7f7; background-repeat:no-repeat; height: auto; background-size: 100% 100%; diff --git a/pages/phone_index.vue b/pages/phone_index.vue index f2c47ad..cf0c312 100644 --- a/pages/phone_index.vue +++ b/pages/phone_index.vue @@ -277,7 +277,7 @@
新闻动态
-
+
news information
@@ -782,7 +782,7 @@ const openUrl = (id: number) => { .group_7 { padding: 10px !important; margin: 0px 0 !important; - height: auto!important; + height: 100%!important; } .text-group_3{ height: auto; @@ -793,9 +793,12 @@ const openUrl = (id: number) => { .image-wrapper_5 { width: 40px !important; height: 40px !important; - margin-right: 10px !important; + margin-top: 0px; + margin-right: 20px !important; +} +.text-group_3_3{ + height: auto; } - .text-group_3, .text-group_3_3 { flex: 1 !important; } @@ -822,6 +825,7 @@ const openUrl = (id: number) => { .text_19{ width: 100%; line-height: 25px; + height: auto; } .box_12{ height: 100%; diff --git a/pages/phone_info/[id].vue b/pages/phone_info/[id].vue index e1cd664..09f14dd 100644 --- a/pages/phone_info/[id].vue +++ b/pages/phone_info/[id].vue @@ -1,12 +1,13 @@