synchronization.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. page {
  2. height: 100vh;
  3. overflow: hidden;
  4. }
  5. .total {
  6. height: 64rpx;
  7. line-height: 64rpx;
  8. font-size: 24rpx;
  9. font-family: PingFang SC-Regular, PingFang SC;
  10. color: #666666;
  11. background: #F4F5F7;
  12. padding-left: 30rpx;
  13. }
  14. .item {
  15. width: 100%;
  16. padding-left: 30rpx;
  17. box-sizing: border-box;
  18. background-color: #fff;
  19. margin-bottom: 20rpx;
  20. .user {
  21. display: flex;
  22. align-items: center;
  23. width: 100%;
  24. height: 120rpx;
  25. box-sizing: border-box;
  26. .portrait {
  27. width: 80rpx;
  28. height: 80rpx;
  29. background: #3874F6;
  30. border-radius: 50%;
  31. text-align: center;
  32. line-height: 80rpx;
  33. font-size: 28rpx;
  34. font-family: PingFang SC-Regular, PingFang SC;
  35. color: #FFFFFF;
  36. flex-shrink: 0;
  37. }
  38. .exp {
  39. width: 100%;
  40. margin-left: 20rpx;
  41. .line-1 {
  42. height: 42rpx;
  43. font-size: 30rpx;
  44. font-family: PingFang SC-Regular, PingFang SC;
  45. color: #333333;
  46. }
  47. .phone {
  48. font-size: 24rpx;
  49. font-family: PingFang SC-Regular, PingFang SC;
  50. color: #999999;
  51. margin-top: 4rpx;
  52. }
  53. }
  54. }
  55. .type {
  56. font-size: 26rpx;
  57. display: flex;
  58. justify-content: space-between;
  59. width: 100%;
  60. color: #333333;
  61. &-item {
  62. width: 48%;
  63. color: #000;
  64. }
  65. }
  66. .content {
  67. font-size: 26rpx;
  68. color: #333333;
  69. margin-top: 8rpx;
  70. }
  71. .time {
  72. margin-top: 20rpx;
  73. padding: 20rpx;
  74. font-size: 24rpx;
  75. color: #999;
  76. box-sizing: border-box;
  77. border-top: 1px solid #ddd;
  78. margin-left: -30rpx;
  79. }
  80. }