大K居中

This commit is contained in:
zhcnyuyang 2025-05-24 01:15:07 +08:00
parent df31006038
commit bd7a637133
3 changed files with 16 additions and 5 deletions

View File

@ -9,7 +9,7 @@ import ExamplesContent from './ExamplesContent.vue';
src="/ExpVideoPreload.png" src="/ExpVideoPreload.png"
class="videoimg"/> class="videoimg"/>
<video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'" <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" id="bannervideo" muted autoplay="autoplay" loop="loop"
playsinline webkit-playsinline playsinline webkit-playsinline
class="bannervideos" class="bannervideos"

View File

@ -41,10 +41,15 @@ const { breakpoint } = useBootstrapBreakpoint();
一家涵盖<b>品牌创新/产品设计/新媒体制作</b>的一站式综合服务体<br />我们致力于聚焦数字时代的人文体验整合各领域专业与优势构建用户与产品/品牌的新型关系 一家涵盖<b>品牌创新/产品设计/新媒体制作</b>的一站式综合服务体<br />我们致力于聚焦数字时代的人文体验整合各领域专业与优势构建用户与产品/品牌的新型关系
</span> </span>
</div> </div>
<div id="bigKlogomobile" v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'||breakpoint==='lg'">
<div id="bigKlogo"> <div id="bigKlogo">
<img src="/HomepageRes/NewK.png" width="100%" height="100%"/> <img src="/HomepageRes/NewK.png" width="100%" height="100%"/>
</div> </div>
</div> </div>
<div id="bigKlogo" v-else>
<img src="/HomepageRes/NewK.png" width="100%" height="100%"/>
</div>
</div>
<div class="pageroot" id="fwfw" style="background-color: black;"> <div class="pageroot" id="fwfw" style="background-color: black;">
<div id="fwfwcontent" class="normalcontentdiv"> <div id="fwfwcontent" class="normalcontentdiv">
<span class="normalcontenttitle" style="color: white;"> <span class="normalcontenttitle" style="color: white;">
@ -172,6 +177,12 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "src/publicstyle.scss"; @import "src/publicstyle.scss";
#bigKlogomobile {
display: flex;
justify-content: center;
// align-items: center; /* */
width: 100%; /* 确保父容器占满宽度以正确居中子元素 */
}
#seemorebutton{ #seemorebutton{
display: flex; display: flex;
@ -273,12 +284,12 @@ export default {
} }
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
margin-left: 32px; //margin-left: 32px;
width: 326px; width: 326px;
} }
@include media-breakpoint-between(md, xl) { @include media-breakpoint-between(md, xl) {
margin-left: 100px; //margin-left: 100px;
width: 326px; width: 326px;
} }

View File

@ -1,5 +1,5 @@
<template> <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> </template>
<script setup> <script setup>