微信小程序时间轴demo_微信小程序简易时间轴样式

###html代码

{ {item.remark}}

{ {item.created_at}}

##css代码

.item-two{

position: relative;

width: 100%;

min-height: 400rpx;

box-sizing: border-box;

padding: 0 32rpx;

display: flex;

flex-direction: column;

justify-content: space-between;

align-items: start;

padding-top: 26rpx;

padding-bottom: 50rpx;

font-size: 24rpx;

margin-top: 60rpx;

}

.item-two .timeline:last-child .timeline-content{

border: none !important;

}

.timeline{

background: #fff;

width: 100%;

}

.circle{

width: 30rpx;

height: 30rpx;

border-radius: 50%;

display: flex;

background-color: rgba(51,186,99,1);

}

.timeline-content{

position: relative