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-04 20:48:26 +08:00
parent a3d33caefb
commit a1250c9cd6
1 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/ServiceProcess.vue
View File

@ -61,6 +61,7 @@ const { breakpoint } = useBootstrapBreakpoint();
class="normalcontentdiv">
<span class="normalcontenttitle" style="color: white;">设计流程</span>
</div>
<div id="spdetail">以用户为中心的产品全周期设计服务流程</div>
<div v-if="breakpoint==='xs'||breakpoint==='sm'"
style="margin-left: 32px;
margin-right: 32px;
@ -73,7 +74,7 @@ const { breakpoint } = useBootstrapBreakpoint();
<div v-if="breakpoint==='md'||breakpoint==='lg'"
style="margin-left: 100px;
margin-right: 100px;
margin-top: 79px;
margin-top: 121px;
margin-bottom: 95px;
max-width:100%;height:auto;">
<img src="/ServiceProcessRes/designprocedure.png"
@ -82,7 +83,7 @@ const { breakpoint } = useBootstrapBreakpoint();
<div v-if="breakpoint==='xl'||breakpoint==='xxl'"
style="margin-left: 295px;
margin-right: 295px;
margin-top: 79px;
margin-top: 121px;
margin-bottom: 95px;
max-width:100%;height:auto;">
<img src="/ServiceProcessRes/designprocedure.png"
@ -113,6 +114,7 @@ export default {
#blackchart{
width:100%;
background-size: 100% 100%;
@include media-breakpoint-between(xs, md) {
background-image: url('/ServiceProcessRes/blackbgwep.png');
}
@ -122,4 +124,39 @@ export default {
}
}
#spdetail{
width: 100%;
text-align: center;
@include media-breakpoint-between(xs, md) {
margin-top: 10px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-family: PingFangSC-Regular;
font-weight: normal;
line-height: 48px;
}
@include media-breakpoint-between(md,xl) {
margin-top: 119px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFangSC-Regular;
font-weight: normal;
white-space: nowrap;
line-height: 48px;
}
@include media-breakpoint-up(xl) {
margin-top: 119px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 36px;
font-family: PingFangSC-Regular;
font-weight: normal;
white-space: nowrap;
line-height: 48px;
}
}
</style>