edu-mini/components/time-line/time-line.wxss

.container {
    display: flex;
    flex-direction: row;
}

.plan-line {
    width: 41rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.line {
    flex: 1;
    width: 2rpx;
    background-color: #EDEDED;
    height: 100%;
}

.line-icon {
    background: #C8C8C8;
    border: 7rpx solid #FFFFFF;
    border-radius: 50%;
    width: 15rpx;
    height: 15rpx;
}

.line-active {
    flex: 1;
    width: 2rpx;
    background-color: #FF4330;
    height: 100%;
}

.plan-complete-img {
    width: 41rpx;
    height: 41rpx;
}

.line-icon-active {
    background: linear-gradient(0deg, #FF7B60 0%, #FF4330 100%);
    border: 7rpx solid #FFFFFF;
    border-radius: 50%;
    width: 15rpx;
    height: 15rpx;
}