fix: 样式修改

src/views/demand/demandPage.vue

@@ -689,6 +689,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  gap: 40px;
 }
 
 .card-inner-content .content-text h4 {
@@ -706,15 +707,17 @@ export default {
   font-size: 16px;
 }
 
-// .card-inner-content .content-text h4::before {
-//   content: '';
-//   position: absolute;
-//   top: -16px;
-//   width: 34px;
-//   height: 6px;
-//   background-color: #0089ff;
-//   border-radius: 3px;
-// }
+.card-inner-content .content-text h4::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    transform: translate(-20px,-50%);
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
+    background-color: #0089ff;
+}
 
 .left {
   flex: 1;
@@ -797,6 +800,7 @@ export default {
     flex-direction: column;
     padding: 0 20px;
     align-items: flex-start;
+    gap: 0;
   }
 
   .t-row-1 {
@@ -840,5 +844,17 @@ export default {
   .t-row-3 {
     padding: 40px 0;
   }
+
+  .card-inner-content .content-text h4::before {
+    content: "";
+    position: unset;
+    top: unset;
+    transform: unset;
+    width: unset;
+    height: unset;
+    border-radius: unset;
+    box-shadow: unset;
+    background-color: #0089ff;
+}
 }
 </style>

src/views/function/functionPage.vue

@@ -21,16 +21,18 @@
               <h3 style="text-align: center; font-size: 32px; font-weight: 100">
                 订单管理
               </h3>
-              <h4 style="text-align: center">
-                获取面单、智能打单发货
-              </h4>
-              <div class="card-inner-content" :style="$isMobile ? 'flex-direction: column-reverse' : ''">
+              <h4 style="text-align: center">获取面单、智能打单发货</h4>
+              <div
+                class="card-inner-content"
+                :style="$isMobile ? 'flex-direction: column-reverse' : ''">
                 <div class="left">
                   <div class="content-text">
                     <h4>自定义规则匹配物流商</h4>
                     <div class="text-des" style="margin-left: 0">
                       <p>订单批量审核，异常状态标识归纳，超时自动拆单发货</p>
-                      <p>支持自定义规则进行物流商自动匹配，智能物流推荐，科学预估包裹运费，提前把控物流成本，降低亏损风险，并实时追踪全球物流轨迹</p>
+                      <p>
+                        支持自定义规则进行物流商自动匹配，智能物流推荐，科学预估包裹运费，提前把控物流成本，降低亏损风险，并实时追踪全球物流轨迹
+                      </p>
                       <p>一键获取面单、智能打单发货、回传跟踪号到平台</p>
                       <p>
                         订单管理与包裹管理相结合，既方便运营把控订单发货情况，也便于仓库人员高效打包发货
@@ -165,7 +167,10 @@
                 </div>
                 <div class="right content-text-wrap">
                   <div class="content-text">
-                    <h4 :style="$isMobile ? 'text-align:left' : 'text-align: center'">
+                    <h4
+                      :style="
+                        $isMobile ? 'text-align:left' : 'text-align: center'
+                      ">
                       根据库存和销量，自动下单给供应商
                     </h4>
                     <div class="text-des">
@@ -193,7 +198,9 @@
               <h4 style="text-align: center">
                 实时统计报表数据，洞察业务数据变化
               </h4>
-              <div class="card-inner-content" :style="$isMobile ? 'flex-direction: column-reverse' : ''">
+              <div
+                class="card-inner-content"
+                :style="$isMobile ? 'flex-direction: column-reverse' : ''">
                 <div class="left">
                   <div class="content-text">
                     <h4>精准高效决策</h4>
@@ -353,6 +360,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  gap: 40px;
 }
 
 .card-inner-content .content-text h4 {
@@ -366,11 +374,13 @@ export default {
 .card-inner-content .content-text h4::before {
   content: '';
   position: absolute;
-  top: -16px;
-  width: 34px;
-  height: 6px;
+  top: 50%;
+  transform: translate(-20px, -50%);
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
   background-color: #0089ff;
-  border-radius: 3px;
 }
 
 .left {
@@ -423,6 +433,7 @@ export default {
   .card-inner-content {
     flex-direction: column;
     align-items: flex-start;
+    gap: 0;
   }
 
   .text {
@@ -474,5 +485,17 @@ export default {
     margin-bottom: 0;
     font-size: 14px;
   }
+
+  .card-inner-content .content-text h4::before {
+    content: "";
+    position: unset;
+    top: unset;
+    transform: unset;
+    width: unset;
+    height: unset;
+    border-radius: unset;
+    box-shadow: unset;
+    background-color: #0089ff;
+}
 }
 </style>