From a1250c9cd63e30467dcac805533689599b6bb06c Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Sun, 4 May 2025 20:48:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=B5=81=E7=A8=8B=E5=88=B6?=
 =?UTF-8?q?=E4=BD=9C=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ServiceProcess.vue | 41 +++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/components/ServiceProcess.vue b/src/components/ServiceProcess.vue
index 82cd4a0..14a29ec 100644
--- a/src/components/ServiceProcess.vue
+++ b/src/components/ServiceProcess.vue
@@ -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>