scheduling.wxss 2.2 KB

123456789101112131415161718192021222324252627
  1. .scheduling-example{display: flex; justify-content: space-around; align-items: center;position: relative;border-radius: 16rpx;}
  2. .scheduling-example .scheduling-example-content{flex-shrink: 1; width: 100%;height: 120rpx; margin:0 10rpx 0 20rpx;display: flex;flex-direction: column;justify-content: center;padding-right: 30rpx;}
  3. .scheduling-example:after{content:" "; position: absolute; top:50%; right: 25rpx; transform:rotate(45deg) translateY(-50%);width: 22rpx;height: 22rpx;border-top: 4rpx solid #C7C7C7;border-right: 4rpx solid #C7C7C7;}
  4. .scheduling-example image{height:120rpx; vertical-align:middle; border:0 none;max-width: 120rpx;border-radius: 16rpx;}
  5. .qptype-box{display: flex; justify-content: space-between; align-items: center; padding: 20rpx 0;}
  6. .qptype-info{flex-shrink: 1; width: 100%;}
  7. .qptype-downtime{flex-shrink:0;}
  8. .qptype-text{width: 100%;display: block;}
  9. .qptype-downtime>.time-m{background:#ee3a43; display: inline-block; padding: 0 4rpx; font-size: .75rem; text-align:center;color:#fff;font-style:normal;}
  10. .qptype-downtime>.i{font-weight: bold; font-style: normal; font-size: 1rem; line-height: 0; margin:0 5px;}
  11. .qptype-downtime .time-title{display: block;}
  12. .qptype-downtime.downtime-green>.time-m{background:#22AC38;}
  13. .qptype-downtime.downtime-green>.i{color: #22AC38;}
  14. .gray{color: #999;}
  15. .padTB{padding: 20rpx 20rpx 20rpx 0;}
  16. .cell::after{border-bottom: 0;}
  17. .border-bot{border-bottom: 2rpx solid #E6E6E6;}
  18. .scheduling-sku-list{white-space:nowrap; padding:0 20rpx; overflow: hidden;display: flex;flex-wrap: wrap;}
  19. .scheduling-sku-list-item{width:281rpx;margin: 0 15rpx;padding: 20rpx;border: 2rpx solid #c8c9cb;border-radius: 16rpx;line-height: 27rpx;margin-bottom: 20rpx;text-align: center;}
  20. .scheduling-list-item-gray{border: 2rpx solid #f6f5f5;background: #f6f5f5;color: #c8c9cc;}
  21. .scheduling-list-item-plain{border: 2rpx solid #c8c9cb;color: #c8c9cb;}
  22. .checked{border: 2rpx solid #EE3A43;background: #EE3A43;color: #fff;}
  23. page{min-height: 100%;background: #fff;}
  24. .disabled{background: #C9C9C9; color:#fff; border-color: #C9C9C9;}
  25. .scheduling-sku-list-item{min-height: 76rpx;}
  26. .flex-center{display: flex;justify-content: center;align-items: center;}
  27. .sku-item-title{display: inline-block;max-width: 280rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}