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 21:13:06 +08:00
parent 06f086324a
commit 7fa697028e
2 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/ServiceProcess.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="pageroot" id="serviceprocessroot"> <div class="pageroot" id="serviceprocessroot">
<div id="serviceprocessbanner" class="pagebanner"> <div id="serviceprocessbanner" class="pagebanner">
<div class="bannercontent"> <div class="bannercontent" id="svpbannercontent">
<span class="banner1">以体验设计重构用户关系<br /></span> <span class="banner1">以体验设计重构用户关系<br /></span>
<span class="banner2">从「流量收割」转向「价值共生」</span> <span class="banner2">从「流量收割」转向「价值共生」</span>
</div> </div>
@ -28,4 +28,28 @@ export default {
} }
} }
#svpbannercontent .banner1{
@include media-breakpoint-between(lg,xl){
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 50px;
font-family: PingFangSC-Thin;
font-weight: 100;
text-align: left;
line-height: 55px;
}
}
#svpbannercontent .banner2{
@include media-breakpoint-between(lg,xl){
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 50px;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
line-height: 55px;
}
}
</style> </style>

8
src/publicstyle.scss
View File

@ -67,11 +67,11 @@
@include media-breakpoint-between(md,lg){ @include media-breakpoint-between(md,lg){
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 55px; font-size: 50px;
font-family: PingFangSC-Thin; font-family: PingFangSC-Thin;
font-weight: 100; font-weight: 100;
text-align: left; text-align: left;
line-height: 60px; line-height: 55px;
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
@ -99,11 +99,11 @@
@include media-breakpoint-between(md,lg){ @include media-breakpoint-between(md,lg){
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 55px; font-size: 50px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-weight: 600; font-weight: 600;
text-align: left; text-align: left;
line-height: 60px; line-height: 55px;
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {