1

src/components/pages/race/addRace/projectEffect.vue

@@ -145,7 +145,10 @@ export default {
   width: 145px;
   height: 180px;
 }
-
+.steps > div:nth-child(1) > img {
+  z-index: 9;
+  position: relative;
+}
 .stepLeft,
 .isSteps {
   width: 30px;
@@ -453,7 +456,8 @@ export default {
   width: 4px;
   position: absolute;
   left: 15px;
-  top: 120px;
+  top: calc(50% + (35px / 2));
   transform: translateY(-50%);
+  z-index: 1;
 }
 </style>

src/components/pages/race/addRace/projectProcess.vue

@@ -841,6 +841,7 @@ export default {
   position: relative;
   width: 145px;
   height: 180px;
+  min-height: 180px;
 }
 .steps > div:nth-child(1) > img {
   z-index: 9;

src/components/pages/race/addRace/raceDetail.vue

@@ -602,7 +602,10 @@ export default {
   width: 145px;
   height: 180px;
 }
-
+.steps > div:nth-child(1) > img {
+  z-index: 9;
+  position: relative;
+}
 .stepLeft,
 .isSteps {
   width: 30px;
@@ -926,7 +929,8 @@ export default {
   width: 4px;
   position: absolute;
   left: 15px;
-  top: 120px;
+  top: calc(50% + (35px / 2));
   transform: translateY(-50%);
+  z-index: 1;
 }
 </style>

src/components/pages/race/addRace/raceOverview.vue

@@ -1210,7 +1210,10 @@ export default {
   width: 210px;
   height: 180px;
 }
-
+.steps > div:nth-child(1) > img {
+  z-index: 9;
+  position: relative;
+}
 .stepLeft,
 .isSteps {
   width: 30px;
@@ -1533,7 +1536,8 @@ export default {
   width: 4px;
   position: absolute;
   left: 15px;
-  top: 120px;
+  top: calc(50% + (35px / 2));
   transform: translateY(-50%);
+  z-index: 1;
 }
 </style>