index.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. .taskMessagePage {
  2. width: 100%;
  3. .taskMessageBox {
  4. width: 100%;
  5. height: calc(100% - 60px);
  6. overflow: auto;
  7. .taskListRow {
  8. width: 100%;
  9. height: 53px;
  10. flex-wrap: wrap;
  11. .taskIcon {
  12. width: 13%;
  13. height: 100%;
  14. position: relative;
  15. &.deviceIcon::after {
  16. content: '';
  17. position: absolute;
  18. background: #fff url('../../assets/accountOperation/accountAuthority.png') top center no-repeat;
  19. background-size: 100%;
  20. width: 0.53rem;
  21. height: 0.7rem;
  22. right: 0.18rem;
  23. top: 0.4rem;
  24. }
  25. &.retailIcon::after {
  26. content: '';
  27. position: absolute;
  28. background: #fff url('../../assets/accountOperation/retailIcon.png') top center no-repeat;
  29. background-size: 100%;
  30. width: 0.6rem;
  31. height: 0.6rem;
  32. right: 0.15rem;
  33. top: 0.4rem;
  34. }
  35. &.withIcon::after {
  36. content: '';
  37. position: absolute;
  38. background: #fff url('../../assets/accountOperation/withIcon.png') top center no-repeat;
  39. background-size: 100%;
  40. width: 0.6rem;
  41. height: 0.6rem;
  42. right: 0.15rem;
  43. top: 0.4rem;
  44. }
  45. &.merIcon::after {
  46. content: '';
  47. position: absolute;
  48. background: #fff url('../../assets/accountOperation/merchantManage.png') top center no-repeat;
  49. background-size: 100%;
  50. width: 0.66rem;
  51. height: 0.6rem;
  52. right: 0.15rem;
  53. top: 0.4rem;
  54. }
  55. &.labelIcon::after {
  56. content: '';
  57. position: absolute;
  58. background: #fff url('../../assets/accountOperation/labelMan.png') top center no-repeat;
  59. background-size: 100%;
  60. width: 0.53rem;
  61. height: 0.6rem;
  62. right: 0.2rem;
  63. top: 0.4rem;
  64. }
  65. &.relationAdminIcon::after {
  66. content: '';
  67. position: absolute;
  68. background: #fff url('../../assets/accountOperation/relationAdmin.png') top center no-repeat;
  69. background-size: 100%;
  70. width: 0.53rem;
  71. height: 0.6rem;
  72. right: 0.2rem;
  73. top: 0.4rem;
  74. }
  75. }
  76. .taskRight {
  77. width: 87%;
  78. height: 100%;
  79. position: relative;
  80. border-bottom: 1px solid #e7eaf7;
  81. &::after {
  82. content: '';
  83. position: absolute;
  84. width: 6px;
  85. height: 12px;
  86. background: url('../../assets/accountOperation/right.png') top center no-repeat;
  87. background-size: 100%;
  88. right: 0.55rem;
  89. top: 0.5rem;
  90. }
  91. .taskTitle {
  92. line-height: 53px;
  93. }
  94. }
  95. }
  96. }
  97. }