express.wxss 1.2 KB

123456789101112131415161718192021
  1. .page{padding:20rpx;box-sizing:border-box;}
  2. .page-col{padding-left:20rpx;box-sizing:border-box;border-radius:16rpx;background-color:#fff;margin-bottom:20rpx;}
  3. .padding>.express:last-child>.right-exp{border-left:0;}
  4. .column{display:flex;align-items:center;justify-content:space-between;padding:30rpx 20rpx 30rpx 0;font-size:30rpx;border-bottom:1px solid #e0e0e0;}
  5. .column .copy{
  6. border: 1rpx solid #ee3a43;
  7. color: #ee3a43;
  8. padding: 0 10rpx;
  9. border-radius: 10rpx;
  10. font-size: 26rpx;
  11. margin-left: 10rpx;
  12. }
  13. .express{padding:0 20rpx 0 0;box-sizing:border-box;display:flex;}
  14. .left-exp{width:120rpx;padding-right:30rpx;box-sizing:border-box;display:inline-block;padding-bottom:20rpx;padding-top:20rpx;}
  15. .right-exp{width:calc(100% - 120rpx);border-left:1px solid #e0e0e0;font-size:26rpx;padding-left:30rpx;box-sizing:border-box;position:relative;display:inline-block;padding-bottom:40rpx;padding-top:20rpx;}
  16. .day{font-size:24rpx;text-align:right;}
  17. .time{font-size:20rpx;text-align:right;}
  18. .padding{padding-top:45rpx;}
  19. .sign{color: #ee3a43;}
  20. .icon-complete,.icon-step{position:absolute;left:-12rpx;top:0;z-index:9;}
  21. .noExp{font-size:28rpx;color:#22ac38;text-align:center;line-height:125rpx;}