index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. :host {
  2. background-color: #f5f5f5;
  3. }
  4. .list-loading {
  5. height: 100rpx;
  6. }
  7. .empty-wrapper {
  8. height: calc(100vh - 88rpx);
  9. }
  10. .page-container .order-goods-card-footer {
  11. display: flex;
  12. width: calc(100% - 190rpx);
  13. justify-content: space-between;
  14. position: absolute;
  15. bottom: 20rpx;
  16. left: 190rpx;
  17. }
  18. .page-container .order-goods-card-footer .order-goods-card-footer-num {
  19. color: #999;
  20. line-height: 40rpx;
  21. }
  22. .page-container .order-goods-card-footer .order-goods-card-footer-price-class {
  23. font-size: 36rpx;
  24. color: #333;
  25. font-family: DIN Alternate;
  26. }
  27. .page-container .order-goods-card-footer .order-goods-card-footer-price-decimal {
  28. font-size: 28rpx;
  29. color: #333;
  30. font-family: DIN Alternate;
  31. }
  32. .page-container .order-goods-card-footer .order-goods-card-footer-price-symbol {
  33. color: #333;
  34. font-size: 24rpx;
  35. font-family: DIN Alternate;
  36. }
  37. .page-container .wr-goods-card__specs {
  38. margin: 14rpx 20rpx 0 0;
  39. }
  40. .page-container .order-goods-card > wr-goods-card .wr-goods-card__title {
  41. margin-right: 0;
  42. -webkit-line-clamp: 1;
  43. }
  44. .page-container .order-card .header .store-name {
  45. width: 80%;
  46. -webkit-line-clamp: 1;
  47. }
  48. .page-container .order-card .header .store-name > view {
  49. overflow: hidden;
  50. width: 100%;
  51. white-space: nowrap;
  52. text-overflow: ellipsis;
  53. }
  54. .page-container .status-desc {
  55. box-sizing: border-box;
  56. padding: 22rpx 20rpx;
  57. font-size: 26rpx;
  58. line-height: 1.3;
  59. text-align: left;
  60. color: #333333;
  61. background-color: #f5f5f5;
  62. border-radius: 8rpx;
  63. word-wrap: break-word;
  64. margin-top: 24rpx;
  65. margin-bottom: 20rpx;
  66. }
  67. .page-container .header__right {
  68. font-size: 24rpx;
  69. color: #fa4126;
  70. display: flex;
  71. align-items: center;
  72. }
  73. .page-container .header__right__icon {
  74. color: #d05b27;
  75. font-size: 16px !important;
  76. margin-right: 10rpx;
  77. }
  78. .t-class-indicator {
  79. color: #b9b9b9 !important;
  80. }
  81. .page-container .header-class {
  82. margin-bottom: 5rpx !important;
  83. }
  84. .t-button {
  85. --td-button-default-color: #000;
  86. --td-button-primary-text-color: #fa4126;
  87. }