fix:修复箭头问题

ui/src/assets/styles/dcs/equipment.scss

@@ -158,3 +158,20 @@
     transform: translate(-50%, -50%) rotate(270deg);
     // transform: rotate(270deg);
 }
+
+//箭头通用样式
+.arrow {
+    position: absolute;
+    transform: translate(-50%, -50%);
+}
+
+.arrow .arrow_icon {
+    font-size: 100px;
+    color: aliceblue;
+}
+
+.arrow .arrow_text {
+    text-align: center;
+    font-size: 20px;
+    color: aliceblue;
+}

ui/src/components/DCS/HeaderComponent.vue

@@ -7,7 +7,7 @@
         </div>
 
         <!-- 左右箭头 -->
-        <div class="arrow">
+        <div class="arrows_container">
             <div class="arrow_left" @click="$router.push('/flowSelect/m1')" v-if="title == 'M2流程'">
                 <i class="icon iconfont icon-leftArrow arrow_icon"> </i>
                 <div class="arrow_text">M1流程</div>
@@ -77,7 +77,7 @@ defineProps({
         // margin-top: 10px;
     }
 
-    .arrow {
+    .arrows_container {
 
         .arrow_left,
         .arrow_right {