You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.5 KiB

1 year ago
.wanl-order-goods .scroll-view{
white-space: nowrap;
width: 100%;
display: flex;
}
.wanl-order-goods .scroll-view .list{
display: flex;
}
.wanl-order-goods .scroll-view .list .item{
margin-right: 10rpx;
}
.wanl-order-goods .scroll-view .list .item .cu-avatar{
width: 150rpx;
height: 150rpx;
}
.courier-number {
font-size: 22rpx;
padding: 20rpx 25rpx;
background-color: #fbfbfb;
}
.order-tracking {
box-sizing: border-box;
padding: 25rpx;
padding-left: 50rpx;
padding-top: 25rpx;
}
.order-tracking .cu-tag {
font-size: 22rpx;
padding: 0 10rpx;
height: 40rpx;
display: flex;
align-items: center;
justify-content: center;
justify-items: center;
}
.order-tracking .time-axis {
padding-left: 20px;
box-sizing: border-box;
position: relative;
}
.order-tracking .time-axis::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid #ddd;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.order-tracking .time-axis .timeaxis-item {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
.order-tracking .time-axis .timeaxis-item .timeaxis-node {
position: absolute;
top: 0;
left: -20px;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}