yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

微调横幅

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-03 20:47:37 +08:00
parent 4f62c6e8b1
commit 7f60c1a1eb
5 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Aboutus.vue
View File

@ -1,7 +1,10 @@
<template>
<div class="pageroot" id="aboutusroot">
<div id="abubanner" class="pagebanner">
<div class="bannercontent">
<span class="banner1">多年专业深耕<br /></span>
<span class="banner2">赋能客户产品体验创新</span>
</div>
</div>
</div>
</template>

5
src/components/Examples.vue
View File

@ -1,7 +1,10 @@
<template>
<div class="pageroot" id="examplesprocessroot">
<div id="examplesprocessbanner" class="pagebanner">
<div class="bannercontent">
<span class="banner1">助力不同行业客户<br /></span>
<span class="banner2">实现业务增长和竞争力提升</span>
</div>
</div>
</div>
</template>

4
src/components/Homepage.vue
View File

@ -2,8 +2,8 @@
<div id="homepageroot" class="pageroot">
<div id="hpbanner" class="pagebanner">
<div class="bannercontent">
<span class="banner1">以体验设计重构用户关系<br /></span>
<span class="banner2">从「流量收割」转向「价值共生」</span>
<span class="banner1">为用户创造美好体验<br /></span>
<span class="banner2">驱动商业可持续增长</span>
</div>
</div>
</div>

3
src/components/ServiceProcess.vue
View File

@ -2,7 +2,8 @@
<div class="pageroot" id="serviceprocessroot">
<div id="serviceprocessbanner" class="pagebanner">
<div class="bannercontent">
<span class="banner1">以体验设计重构用户关系<br /></span>
<span class="banner2">从「流量收割」转向「价值共生」</span>
</div>
</div>
</div>

13
src/publicstyle.scss
View File

@ -17,23 +17,26 @@
width: 100%;
background-size:100% 100%;
background-attachment: scroll;
background-size: 100% 100%; /* 图片宽高100%填充div */
background-size: 100%; /* 图片宽高100%填充div */
background-repeat: no-repeat;
background-position: center center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: 100vh;
@include media-breakpoint-between(xs, md) {
//padding-bottom: 192%;
padding-top: 96%;
padding-bottom: 96%;
//padding-top: 96%;
//padding-bottom: 96%;
aspect-ratio: 0.526673640167364;
}
@include media-breakpoint-up(md) {
//padding-bottom: 52.6673640167364%;
padding-top: 26.3336820083682%;
padding-bottom: 26.3336820083682%;
//padding-top: 26.3336820083682%;
//padding-bottom: 26.3336820083682%;
aspect-ratio: 1.92;
}
.bannercontent{