distributor.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* components/BdList/BdList.wxss */
  2. @import "/pages/leadslist/leadslist.wxss";
  3. @import "/common/iconfont.wxss";
  4. .content-area {
  5. padding-top: 0rpx;
  6. }
  7. .item-top-wrap {
  8. display: flex;
  9. padding-left: 40rpx;
  10. padding-right: 40rpx;
  11. }
  12. .item-top-left {
  13. margin-right: 28rpx;
  14. }
  15. .item-top-right {
  16. flex: 1;
  17. }
  18. .item-top-right-top {
  19. display: flex;
  20. align-items: center;
  21. justify-content: space-between;
  22. }
  23. .item-top-right-top .name {
  24. font-size: 34rpx;
  25. color: #000;
  26. margin-right: 16rpx;
  27. white-space: nowrap;
  28. overflow: hidden;
  29. text-overflow: ellipsis;
  30. word-wrap: nowrap;
  31. }
  32. .item-top-right-top .type {
  33. font-size: 24rpx;
  34. color: #000;
  35. border-radius: 22rpx;
  36. padding: 5rpx 16rpx;
  37. white-space: nowrap;
  38. }
  39. .type1 {
  40. background-color: #ffeed9;
  41. /* color: #F39927 */
  42. }
  43. .type2 {
  44. background-color: #ffe5e2;
  45. }
  46. .type3 {
  47. background-color: #d9ebff;
  48. }
  49. .type4 {
  50. background-color: #ffe5e2;
  51. }
  52. .item-top-right-top .status {
  53. font-size: 28rpx;
  54. color: #ff523d;
  55. white-space: nowrap;
  56. }
  57. .item-top-left .image {
  58. width: 80rpx;
  59. height: 80rpx;
  60. border-radius: 100%;
  61. }
  62. .item-right-wrap {
  63. display: flex;
  64. align-items: center;
  65. justify-content: space-around;
  66. }
  67. .item-right-wrap .irw-item {
  68. display: flex;
  69. width: 33%;
  70. align-items: center;
  71. font-size: 30rpx;
  72. }
  73. .item-right-wrap .irw-item .irw-item-l {
  74. color: #999;
  75. margin-right: 20rpx;
  76. }
  77. .item-right-wrap .irw-item .irw-item-r {
  78. color: #666;
  79. }
  80. .loading-image {
  81. width: 90rpx;
  82. height: 120rpx;
  83. position: fixed;
  84. top: 50%;
  85. left: 50%;
  86. z-index: 999;
  87. transform: translate(-50%, -50%);
  88. display: block;
  89. }
  90. .icon.active {
  91. color: #ff523d;
  92. }