π ζηε₯εΊ·ζ
δΊ
{{ evt.eventText }}
{{ formatDate(evt.eventDate) }}
.timeline {
padding: 0 20rpx;
margin-bottom: 32rpx;
}
.timeline-title {
font-size: 28rpx;
font-weight: 700;
color: $uni-text-color;
margin-bottom: 16rpx;
}
.timeline-list { position: relative; padding-left: 20rpx; }
.timeline-item {
display: flex;
align-items: flex-start;
gap: 16rpx;
position: relative;
padding-bottom: 24rpx;
}
.timeline-dot {
width: 20rpx;
height: 20rpx;
border-radius: 50%;
flex-shrink: 0;
margin-top: 6rpx;
z-index: 1;
}
.dot-0 { background: $status-success; }
.dot-1 { background: $dim-wealth; }
.dot-2 { background: $dim-wisdom; }
.dot-3 { background: $brand-primary; }
.dot-4 { background: #FF6B9D; }
.timeline-line {
position: absolute;
left: 9rpx;
top: 26rpx;
bottom: 0;
width: 2rpx;
background: $uni-border-color-light;
}
.timeline-content { flex: 1; min-width: 0; }
.timeline-text {
font-size: 26rpx;
color: $facade-text-slate-700;
line-height: 1.5;
}
.timeline-date {
font-size: 20rpx;
color: $app-text-subtle;
margin-top: 4rpx;
display: block;
}