首页 > 微信 > 详细

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

时间:2020-06-09 09:33:39      阅读:100      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

.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;
}

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

原文:https://www.cnblogs.com/cm521mzg/p/13070469.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!