faultItem.wxss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /* component/faultItem/faultItem.wxss */
  2. .item_bg {
  3. width: 701rpx;
  4. height: 169rpx;
  5. background: #ffffff;
  6. border-radius: 7rpx;
  7. box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16);
  8. display: flex;
  9. flex-direction: row;
  10. margin-bottom: 15rpx;
  11. margin-top: 15rpx;
  12. }
  13. .fault_status_wait {
  14. width: 134rpx;
  15. height: 169rpx;
  16. background: #f5a725;
  17. border-radius: 7rpx 0px 0px 7rpx;
  18. box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16);
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. }
  23. .fault_status_repair {
  24. width: 134rpx;
  25. height: 169rpx;
  26. background: #64C55A;
  27. border-radius: 7rpx 0px 0px 7rpx;
  28. box-shadow: 0px 1rpx 17rpx 0rpx rgba(0, 0, 0, 0.16);
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. }
  33. .fault_status_over {
  34. width: 134rpx;
  35. height: 169rpx;
  36. background: #CCCCCC;
  37. border-radius: 7rpx 0px 0px 7rpx;
  38. box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16);
  39. display: flex;
  40. justify-content: center;
  41. align-items: center;
  42. }
  43. .fault_status_text {
  44. font-size: 30rpx;
  45. font-weight: 400;
  46. color: #ffffff;
  47. letter-spacing: 0.3rpx;
  48. line-height: 42rpx;
  49. }
  50. .fault_info_layout {
  51. height: 139rpx;
  52. width: 567rpx;
  53. display: flex;
  54. flex-direction: column;
  55. justify-content: space-between;
  56. align-self: center;
  57. }
  58. .fault_info_layout_item_bg {
  59. flex-direction: row;
  60. display: flex;
  61. justify-content: start;
  62. align-items: flex-start;
  63. margin-left: 17rpx;
  64. }
  65. .fault_info_layout_item_icon {
  66. width: 25rpx;
  67. height: 25rpx;
  68. }
  69. .fault_info_layout_item_text {
  70. margin-left: 19rpx;
  71. font-size: 22rpx;
  72. font-weight: 400;
  73. }