mini-shop/pages/logistics/index.wxss

/* pages/logistics/index.wxss */
page{
  background: #f7f8fa;
}
view,text {
  margin: 0;
  padding: 0;
}

.logistop{
  background: #fff;
  position: relative;
}

.logistop .logisinfo{
  padding-left: 180rpx;
  box-sizing: border-box;
  height: 200rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 28rpx;
}

.logistop image{
  position: absolute;
  left: 30rpx;
  width: 100rpx;
  height: 100rpx;
  top: 50%;
  transform: translateY(-50%);
}

.logisinfo text{
  display: block;
}

.logisdetail{
  padding: 40rpx; 
  margin-top: 40rpx;
  background: #fff;
}

.logisdetail .ul{
  border-left: 1px solid #e5e5e5;
}
.logisdetail .li{
  position: relative;
  padding-left: 60rpx;
}

.logisdetail .i-date{
  margin-top: 10rpx;
}


.logisdetail .li:not(:first-of-type) view{
  color: #999;
  font-size: 28rpx;
}



.logisdetail .li:not(:last-of-type){
  margin-bottom: 20rpx;
}

.logisdetail .li image,.logisdetail .li .li-point{
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  left: -20rpx;
  top: -4rpx;
}

.logisdetail .li .li-point{
  background: #dddddd;
  width: 12rpx;
  height: 12rpx;
  border-radius: 50%;
  left: -6rpx;
  top: 14rpx;
}