From 08cce3334a2dc81d690b518136b0aaea64e48b0b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 14 六月 2023 09:55:50 +0800
Subject: [PATCH] 2023-06-14

---
 src/tabviews/custom/components/timeline/normal-timeline/index.scss |  118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 109 insertions(+), 9 deletions(-)

diff --git a/src/tabviews/custom/components/timeline/normal-timeline/index.scss b/src/tabviews/custom/components/timeline/normal-timeline/index.scss
index 38ef5b9..7e0945c 100644
--- a/src/tabviews/custom/components/timeline/normal-timeline/index.scss
+++ b/src/tabviews/custom/components/timeline/normal-timeline/index.scss
@@ -114,14 +114,15 @@
     }
     .mk-timeline-item-head {
       position: relative;
-      height: 20px;
+      height: 24px;
       text-align: center;
       .mk-dot {
         position: absolute;
         background: #e8e8e8;
-        padding: 5px;
-        display: inline-block;
-        border-radius: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 100%;
         z-index: 1;
         top: 50%;
         left: 50%;
@@ -130,26 +131,125 @@
         .anticon {
           font-size: 14px;
           color: #ffffff;
-          width: 16px;
-          height: 16px;
-          vertical-align: top;
         }
+      }
+      .mk-dot:not(.mk-dot-icon) {
+        padding: 5px;
       }
       .mk-dot-icon {
         width: 24px;
         height: 24px;
-        padding: 4px;
       }
     }
     .mk-timeline-item-tail {
       position: absolute;
-      top: 10px;
+      top: 50%;
       left: 0px;
       width: 100%;
       transform: translate(50%, -1px);
       border-top: 2px solid #e8e8e8;
     } 
   }
+
+  .mk-time-line-wrap.icon {
+    .mk-timeline-item-head {
+      .mk-dot {
+        background: #f8f8f8!important;
+      }
+      .mk-dot-icon {
+        color: inherit;
+        .anticon {
+          color: inherit;
+        }
+      }
+    }
+  }
+
+  .mk-time-line-wrap.size16 {
+    .mk-timeline-item-head {
+      height: 28px;
+      .mk-dot {
+        .anticon {
+          font-size: 16px;
+        }
+      }
+      .mk-dot-icon {
+        width: 28px;
+        height: 28px;
+      }
+    }
+  }
+
+  .mk-time-line-wrap.size18 {
+    .mk-timeline-item-head {
+      height: 32px;
+      .mk-dot {
+        .anticon {
+          font-size: 18px;
+        }
+      }
+      .mk-dot-icon {
+        width: 32px;
+        height: 32px;
+      }
+    }
+  }
+
+  .mk-time-line-wrap.size20 {
+    .mk-timeline-item-head {
+      height: 36px;
+      .mk-dot {
+        .anticon {
+          font-size: 20px;
+        }
+      }
+      .mk-dot-icon {
+        width: 36px;
+        height: 36px;
+      }
+    }
+  }
+
+  .mk-time-line-wrap.size22 {
+    .mk-timeline-item-head {
+      height: 40px;
+      .mk-dot {
+        .anticon {
+          font-size: 22px;
+        }
+      }
+      .mk-dot-icon {
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+
+  .mk-time-line-wrap.size24 {
+    .mk-timeline-item-head {
+      height: 44px;
+      .mk-dot {
+        .anticon {
+          font-size: 24px;
+        }
+      }
+      .mk-dot-icon {
+        width: 44px;
+        height: 44px;
+      }
+    }
+  }
+  
+  .mk-time-line-wrap.system {
+    .mk-timeline-item-tail {
+      border-color: var(--mk-sys-color2);
+    }
+  }
+  .ant-timeline.system {
+    .ant-timeline-item-tail {
+      border-color: var(--mk-sys-color2);
+    }
+  }
 }
 
 .normal-timeline-box::after {

--
Gitblit v1.8.0