kdesign完工

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>

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){