From 8176538942d6b103e44cfc2665ffa994943511b2 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Mon, 5 May 2025 14:33:03 +0800
Subject: [PATCH] =?UTF-8?q?kdesign=E5=AE=8C=E5=B7=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Homepage.vue | 77 ++++++++++++++++++++++++++++++++++++-
 src/publicstyle.scss        |  2 +-
 2 files changed, 76 insertions(+), 3 deletions(-)

diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 9264d1e..bbcecac 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -6,8 +6,18 @@
       <span class="banner2">驱动商业可持续增长</span>
     </div>
   </div>
-  <div id="secondwhite" class="normalcontentdiv">
-
+  <div id="secondwhite" class="pageroot">
+    <div id="whiteK" class="normalcontentdiv">
+      <span class="normalcontenttitle">
+        <img src="/HomepageRes/kdesignblack.png" id="logoblack"/>
+      </span>
+      <span class="normalcontenttext">
+        涵盖品牌创新/产品设计/新媒体制作的一站式综合服务体<br />我们致力于聚焦数字时代的人文体验，整合各领域专业与优势<br />构建用户与产品/品牌的新型关系
+      </span>
+    </div>
+    <div id="bigKlogo">
+      <img src="/HomepageRes/homepageK.png" width="100%" height="100%"/>
+    </div>
   </div>
 </div>
 </template>
@@ -35,5 +45,68 @@ export default {
 {
   width: 100%;
   background-color: white;
+  //默认是纵向排列
+  @include media-breakpoint-between(xs, md) {
+    padding-bottom: 97px;
+  }
+
+  @include media-breakpoint-between(md, xl) {
+    padding-bottom: 97px;
+  }
+
+  @include media-breakpoint-up(xl) {
+    flex-direction: row;
+    padding-bottom: 253px;
+  }
+}
+
+#whiteK{
+  @include media-breakpoint-between(xs, md) {
+    margin-top: 96px;
+  }
+
+  @include media-breakpoint-between(md, xl) {
+
+  }
+
+  @include media-breakpoint-up(xl) {
+    margin-top: 245px;
+  }
+}
+
+#logoblack{
+  @include media-breakpoint-between(xs, md) {
+    width: 116px;
+    height: 20.67px;
+  }
+
+  @include media-breakpoint-up(md) {
+    width: 235.42px;
+    height: 42px;
+  }
+}
+
+#bigKlogo{
+  @include media-breakpoint-between(xs, xl) {
+    margin-top: 57px;
+  }
+
+  @include media-breakpoint-between(xs, md) {
+    margin-left: 32px;
+    width: 161.8px;
+    height: 144px;
+  }
+
+  @include media-breakpoint-between(md, xl) {
+    margin-left: 100px;
+    width: 326px;
+    height: 290px;
+  }
+
+  @include media-breakpoint-up(xl) {
+    margin-top: 221px;
+    width: 326px;
+    height: 290px;
+  }
 }
 </style>
diff --git a/src/publicstyle.scss b/src/publicstyle.scss
index fe977f1..7e63733 100644
--- a/src/publicstyle.scss
+++ b/src/publicstyle.scss
@@ -144,7 +144,7 @@
     font-family: PingFangSC-Medium;
     font-weight: 500;
     text-align: left;
-    line-height: 48px;
+    //line-height: 48px;
   }
   @include media-breakpoint-between(md,xl){