fix:根据ui修改样式 添加逻辑判断

hx-ai-intelligent/src/components/ns-steps.vue

@@ -3,7 +3,7 @@
     <template v-for="(item, index) in dataSource" :key="index">
       <a-step title="">
         <template #icon>
-          <ns-icon size="20" :name="item.src" />
+          <ns-icon size="24" :name="item.src" />
         </template>
         <template #description>
           <div class="card">
@@ -24,8 +24,8 @@
               style="
                 width: 100%;
                 color: rgba(0, 0, 0, 0.45);
-                height: 27px;
-                overflow: auto;
+                max-height: 35px;
+                overflow-y: scroll;
                 padding: 7px 0px;
               ">
               {{ item.remarks }}</div
@@ -57,8 +57,8 @@
   }
   .card {
     width: 450px;
-    min-height: 0px;
-    background: rgba(191, 205, 226, 0.3);
+    height: 90px;
+    background: rgba(191, 205, 226, 0.1);
     border-radius: 4px; /* 设置圆角半径 */
     padding: 12px;
     margin-left: 8px;
@@ -73,6 +73,7 @@
         text-align: center;
         line-height: 24px;
         margin-left: 12px;
+        font-size: 12px;
       }
     }
   }
@@ -90,10 +91,10 @@
   }
   :deep(.ant-steps-item-tail) {
     position: absolute !important;
-    top: -10px !important;
+    // top: -10px !important;
     left: 16px !important;
     width: 1px !important;
-    height: 150% !important;
+    height: 120% !important;
   }
   :deep(.ant-steps-item) {
     margin-top: 20px !important;