Parcourir la source

优化版本时间轴

qinzhipeng_v@didiglobal.com il y a 4 ans
Parent
commit
bc833ddefd
1 fichiers modifiés avec 13 ajouts et 13 suppressions
  1. 13 13
      src/views/projectManage/version/list/timeLine.vue

+ 13 - 13
src/views/projectManage/version/list/timeLine.vue

@@ -72,7 +72,7 @@ export default {
 }
 .swiper-container::-webkit-scrollbar {display:none}
 .timeline {
-  width: 90%;
+  width: 96%;
   list-style-type: none;
   display: flex;
   padding: 0;
@@ -100,19 +100,19 @@ export default {
   .circle0::before {
     content: '';
     position: absolute;
-    height: 30px;
-    border: 1px solid #60AEFF;
+    height: 40px;
+    border: 1px solid #4091f7;
     left: 50%;
-    top: 0;
+    top: -5px;
     transform: translate(-50%,-33px);
   }
   .circle1::after{
     content: '';
     position: absolute;
-    height: 30px;
-    border: 1px solid #60AEFF;
+    height: 40px;
+    border: 1px solid #4091f7;
     left: 50%;
-    bottom: 0;
+    bottom: -5px;
     transform: translate(-50%,33px);
   }
   .circle2::after{
@@ -123,17 +123,17 @@ export default {
     transform: translate(-50%,33px);
   }
   .circle {
-    width: 10px;
-    height: 10px;
+    width: 8px;
+    height: 8px;
     position: absolute;
     border-radius: 50%;
     background: #FFF;
-    border: 2px solid #7ED321;
+    border: 2px solid #92d048;
   }
   .circle-in {
     position: absolute;
     border-radius: 50%;
-    border: 7px solid #60AEFF;
+    border: 6px solid #4091f7;
   }
   .content0,.content1,.content2 {
     width: 100%;
@@ -147,10 +147,10 @@ export default {
     }
   }
   .content0 {
-    top:10px;
+    top: 0px;
   }
   .content1 {
-    bottom:10px;
+    bottom: 0px;
   }
   .content2 {
     top: 36px;