index.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* pages/audit/deteil/index.wxss */
  2. .page1{
  3. padding: 24rpx 40rpx;
  4. }
  5. .content{
  6. padding-left: 40rpx;
  7. width: 622rpx;
  8. word-break:break-all;
  9. }
  10. .item {
  11. position: relative;
  12. width: 100%;
  13. min-height: 52rpx;
  14. margin-bottom: 32rpx; line-height: 75rpx;
  15. }
  16. .blue-dot {
  17. position: absolute;
  18. background: #B6BED0;
  19. display: inline-block;
  20. width: 10px;
  21. height: 10px;
  22. border-radius: 50%;
  23. top: 5px;
  24. }
  25. .blue-line {
  26. position: absolute;
  27. height: 100%;
  28. /* width: 2px; */
  29. border-left: 1.6px dashed #409eff;
  30. top: 22px;
  31. left: 4px;
  32. }
  33. .flex{
  34. display: flex;
  35. justify-content: space-between;
  36. font-size: 30rpx;
  37. line-height: 16rpx;
  38. margin-bottom: 28rpx;
  39. }
  40. .time{
  41. font-size: 26rpx;
  42. color: #B6BED0;
  43. }
  44. .avater{
  45. width: 80rpx;
  46. height: 80rpx;
  47. }
  48. .left{
  49. justify-content: left;
  50. }
  51. .user-msg{
  52. line-height: 50rpx;
  53. margin-left: 24rpx;
  54. }
  55. .yellow{
  56. color: #FCBA39;
  57. }
  58. .red{
  59. color: #F0516E;
  60. margin-left: 27rpx;
  61. line-height: 45rpx;
  62. }
  63. .blue{
  64. color: #409eff;
  65. }
  66. .yellow-bgc{
  67. background-color: #FCBA39;
  68. }
  69. .red-bgc{
  70. background-color: #F0516E;
  71. }
  72. .bule-bgc{
  73. background-color:#409eff;
  74. }