order.wxss 2.4 KB

12345678910111213141516171819202122232425262728
  1. page { background-color: #ffffff; }
  2. .scroll-view-x{ background-color: #fff; white-space: nowrap; position: fixed; top: 0; border-top:1rpx solid #e2e2e2; height: 100rpx; }
  3. .tab-bar{ background: #fff; border-bottom: 1rpx solid #e2e2e2; z-index: 1000; font-size: 11pt; color: #666666; }
  4. .tab-bar ~ .order-list{ padding-top: 100rpx; }
  5. .order-itme{ border-bottom: 1rpx solid #f7f7f7; }
  6. .tab-bar .tab-bar-item{ display: inline-block; padding:0 24rpx; text-align: center; }
  7. .tab-bar-item{ display: inline-block; }
  8. .tab-bar .tab-bar-item wx-text{ height: 98rpx; line-height: 100rpx; display: inline-block; }
  9. .tab-bar .tab-bar-item.active wx-text{ color: #ff5c5c; border-bottom: 2rpx solid #f00; }
  10. .goods-image wx-image{ width: 156rpx; height: 156rpx; margin-right: 24rpx; }
  11. .order-item-top{ height: 80rpx; color: #ff5c5c; font-size: 10pt; border-bottom: 1rpx solid #f7f7f7; background-color: #ffffff; padding: 0 24rpx; }
  12. .order-time{ text-align: right; color: #919191; }
  13. .goods{ padding: 24rpx; color: #353535; border-bottom: 1rpx solid #f7f7f7; background-color: #ffffff; }
  14. .goods-name{ font-size: 12pt; line-height:1; }
  15. .attr-list{ margin-top: 20rpx; margin-bottom: 18rpx; font-size:9pt; line-height: 1; }
  16. .order-price{ font-size: 12pt; }
  17. .order-item-total{ text-align: right; color: #353535; font-size: 12pt; height: 80rpx; border-bottom:1rpx solid #f7f7f7; padding: 0 24rpx; background-color: #ffffff; }
  18. .order-item-total wx-text{ color: #ff5c5c; }
  19. .play-btn{ text-align: right; padding: 15rpx 24rpx; background-color: #ffffff; justify-content:flex-end; }
  20. .red-btn{ width: 200rpx; height: 65rpx; background-color:#ff5c5c; display: inline-block; text-align: center; line-height: 65rpx; border-radius: 10rpx; color: #ffffff; font-size: 9pt; padding: 0 !important; margin: 0 0 0 24rpx !important; border: 0 !important; }
  21. .frame-btn{ font-size: 9pt; margin-left: 20rpx; width: 200rpx; height: 65rpx; display: inline-block; text-align: center; line-height: 65rpx; border-radius: 10rpx; border: 1rpx solid #c9c9c9; color: #666666; }
  22. .empty-img wx-image{ width: 280rpx; height: 280rpx; }
  23. .empty-img{ margin-top:134rpx; }
  24. .empty-text { margin-top:56rpx; font-size: 12pt; color: #666666; }
  25. .empty-btn{ margin-top: 30rpx; }
  26. .go-to-group{ height: 64rpx; width: 220rpx; color: #ffffff; font-size: 11pt; background-color: #ff5c5c; border-radius: 5rpx; }
  27. .hide{ display: none; }
  28. .modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }