From bd7a637133b16e0d4f1b3328d7e1d6b835292b8f Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Sat, 24 May 2025 01:15:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7K=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Examples.vue      |  2 +-
 src/components/Homepage.vue      | 17 ++++++++++++++---
 src/components/copyright-icp.vue |  2 +-
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Examples.vue b/src/components/Examples.vue
index 798241e..6314ec3 100644
--- a/src/components/Examples.vue
+++ b/src/components/Examples.vue
@@ -9,7 +9,7 @@ import ExamplesContent from './ExamplesContent.vue';
            src="/ExpVideoPreload.png"
            class="videoimg"/>
       <video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
-             poster="/ExpVideoPreload.png" controls="controls"
+             poster="/bannervideopreload.png" controls="controls"
              id="bannervideo" muted autoplay="autoplay" loop="loop"
              playsinline webkit-playsinline
              class="bannervideos"
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 9b8e20d..f6c074f 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -41,7 +41,12 @@ const { breakpoint } = useBootstrapBreakpoint();
         一家涵盖<b>品牌创新/产品设计/新媒体制作</b>的一站式综合服务体<br />我们致力于聚焦数字时代的人文体验，整合各领域专业与优势，构建用户与产品/品牌的新型关系
       </span>
     </div>
-    <div id="bigKlogo">
+    <div id="bigKlogomobile" v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'||breakpoint==='lg'">
+      <div id="bigKlogo">
+        <img src="/HomepageRes/NewK.png" width="100%" height="100%"/>
+      </div>
+    </div>
+    <div id="bigKlogo" v-else>
       <img src="/HomepageRes/NewK.png" width="100%" height="100%"/>
     </div>
   </div>
@@ -172,6 +177,12 @@ export default {
 
 <style scoped lang="scss">
 @import "src/publicstyle.scss";
+#bigKlogomobile {
+  display: flex;
+  justify-content: center;
+  // align-items: center; /* 如果也需要垂直居中 */
+  width: 100%; /* 确保父容器占满宽度以正确居中子元素 */
+}
 
 #seemorebutton{
   display: flex;
@@ -273,12 +284,12 @@ export default {
   }
 
   @include media-breakpoint-between(xs, md) {
-    margin-left: 32px;
+    //margin-left: 32px;
     width: 326px;
   }
 
   @include media-breakpoint-between(md, xl) {
-    margin-left: 100px;
+    //margin-left: 100px;
     width: 326px;
   }
 
diff --git a/src/components/copyright-icp.vue b/src/components/copyright-icp.vue
index 915b584..3151abe 100644
--- a/src/components/copyright-icp.vue
+++ b/src/components/copyright-icp.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="icp">{{`© ${year} ${author} ` }}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a></div>
+  <div class="icp">{{`© ` }}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a></div>
 </template>
 
 <script setup>