大K居中

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"

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;
   }
 

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>