fix: 【公共】详情页布局逻辑修改

src/components/business/page-detail-layout/index.vue

@@ -5,7 +5,7 @@
         <div class="header-t">
           <div class="header-t-left">
             <span class="htf-title">{{ title }}</span>
-            <slot name="titleRight"></slot>
+            <slot  name="titleRight"></slot>
           </div>
           <div class="header-t-right" v-if="slots.toolBtn">
             <slot name="toolBtn"></slot>
@@ -97,7 +97,7 @@
       width: 100%;
       border-radius: 8px;
       background: #fff;
-      padding: 20px;
+      padding: 24px;
       .header-top {
         width: 100%;
         .header-t {
@@ -108,7 +108,7 @@
             width: 100%;
             display: flex;
             align-items: center;
-            gap: 10px;
+            gap: 8px;
             .htf-title {
               font-size: 18px;
               color: #000;
@@ -119,14 +119,14 @@
           .header-t-right {
             display: flex;
             align-items: center;
-            gap: 10px;
+            gap: 16px;
           }
         }
         .header-index {
-          margin-top: 10px;
+          margin-top: 8px;
           width: 100%;
           display: flex;
-          gap: 10px;
+          gap: 8px;
           .h-i-tag-name {
             color: #999;
             font-size: 14px;
@@ -136,13 +136,13 @@
       }
 
       .header-bottom {
-        margin-top: 20px;
+        margin-top: 16px;
         width: 100%;
         padding: 10px;
         display: flex;
         background: #f0f4fe;
         border-radius: 8px;
-        gap: 20px;
+        gap: 21px;
         .hb-item {
           display: flex;
           flex-direction: column;
@@ -164,7 +164,7 @@
       }
 
       .header-flow {
-        margin-top: 20px;
+        margin-top: 16px;
         width: 100%;
         height: 100%;
         overflow-x: auto;
@@ -172,14 +172,14 @@
     }
 
     .header-tabs {
-      margin-top: 10px;
+      margin-top: 16px;
       width: 100%;
       height: 100%;
       border-radius: 8px;
       background: #fff;
       :deep(.ant-tabs-nav-wrap) {
         height: 40px;
-        padding: 0 30px;
+        padding: 0 24px;
       }
       :deep(.ant-tabs-nav) {
         margin: 0 0 10px 0;

src/components/business/page-detail-layout/steps/index.vue

@@ -80,7 +80,6 @@
     min-width: 1250px;
     display: flex;
     align-items: flex-start;
-    padding: 10px 0;
     justify-content: center;
   }