服务流程的字数太多,字号我给特殊安排了一下

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

View File

@ -1,7 +1,7 @@
<template>
<div class="pageroot" id="serviceprocessroot">
<div id="serviceprocessbanner" class="pagebanner">
<div class="bannercontent">
<div class="bannercontent" id="svpbannercontent">
<span class="banner1">以体验设计重构用户关系<br /></span>
<span class="banner2">流量收割转向价值共生</span>
</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>

View File

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