微信小程序css实现物流流程

时间:2024-02-22 15:29:10

 

.div {
  position: relative;
  margin-top: 12rpx;
}

.div:first-child {
  margin-top: 0;
}
.div::before {
  display: inline-block;
  margin-right: var(--margin-width);
  width: 16rpx;
  height: 16rpx;
  content: "";
  border: 4rpx solid var(--text-price-color);
  border-radius: 50%;
  vertical-align: middle;
}

.div::after {
  position: absolute;
  bottom: 30rpx;
  left: 10rpx;
  width: 0;
  height: 30rpx;
  content: "";
  border-left: 4rpx dashed #979797;
}

.div:first-child::after {
  display: none;
}