| | |
| | | transform: translateX(-50%); |
| | | z-index: 99; |
| | | width: 38%; |
| | | height: 12%; |
| | | height: 10%; |
| | | /* background-color: #1a2634; */ |
| | | background: url("@/assets/img/menubar/bar.png"); |
| | | background-size: 100% 100%; |
| | |
| | | position: relative; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .timeline-progress { |
| | | height: 100%; |
| | | background-color: #4a90e2; |
| | |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | |
| | | .timeline-cursor { |
| | | width: 12px; |
| | | height: 12px; |
| | |
| | | transform: translate(-50%, -50%); |
| | | z-index: 2; |
| | | } |
| | | |
| | | .time-markers { |
| | | position: absolute; |
| | | width: 100%; |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | } |
| | | .date-part { |
| | | /* margin-bottom: 2px; 日期和时间之间的间距 */ |
| | | } |
| | | |
| | | /* .date-part { |
| | | margin-bottom: 2px; |
| | | } */ |
| | | .time-part { |
| | | font-size: 11px; /* 时间可以稍微小一点 */ |
| | | opacity: 0.8; /* 时间可以稍微淡一点 */ |
| | | font-size: 11px; |
| | | opacity: 0.8; |
| | | } |
| | | |
| | | .current-date { |
| | | margin-bottom: 5px; |
| | | font-size: 15px; |