synchronization.scss 1.6 KB

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