20230303

src/assets/css/time-line.less

@@ -0,0 +1,91 @@
+
+.scroll {
+    height: 300px;
+    overflow-y: scroll;
+    display: block;
+    background-color: #fcfcfc;
+    border-top: 15px;
+    border-bottom: 15px;
+}
+.el-icon-truck:before {
+    content: "\e740";
+}
+
+.el-timeline-item:first-child {
+    .el-timeline-item__node {
+        background-color: rgb(11, 189, 135);
+    }
+}
+
+.el-timeline-item {
+    position: relative;
+    padding-bottom: 20px;
+}
+
+.el-timeline-item__node--large {
+    left: -2px;
+    width: 14px;
+    height: 14px;
+}
+
+.el-timeline-item__node {
+    position: absolute;
+    background-color: #e4e7ed;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.el-timeline-item__node--normal {
+    left: -1px;
+    width: 12px;
+    height: 12px;
+}
+
+.el-timeline-item__wrapper {
+    position: relative;
+    padding-left: 28px;
+    top: -3px;
+}
+
+.el-timeline li {
+    list-style: none;
+}
+
+.el-timeline-item__tail {
+    position: absolute;
+    left: 4px;
+    height: 100%;
+    border-left: 2px solid #e4e7ed;
+}
+
+.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
+    display: none;
+}
+
+.el-timeline-item__timestamp {
+    color: #c3c3c3;
+    font-size: 14px;
+    ;
+}
+
+
+/* 滚动条美化 */
+::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+  }
+  
+  ::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 6px;
+    height: 6px;
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    cursor: pointer;
+    border-radius: 5px;
+    background: rgba(0, 0, 0, 0.15);
+    transition: color 0.2s ease;
+  }

src/assets/js/eventBus.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+// export default new Vue()
+const Bus = new Vue()
+export default Bus