leavingAMessage.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. page {
  2. min-height: 100%;
  3. background-color: #FFFFFF;
  4. }
  5. .wrapper {
  6. padding-top: 20rpx;
  7. padding-bottom: 152rpx;
  8. }
  9. .list {
  10. width: 654rpx;
  11. padding-top: 42rpx;
  12. margin-left: 32rpx;
  13. }
  14. .time-track {
  15. line-height: 40rpx;
  16. font-size: 24rpx;
  17. color: rgba(153, 153, 153, 1);
  18. }
  19. .system .date {
  20. margin-top: 10rpx;
  21. }
  22. .item-message {
  23. display: flex;
  24. margin-top: 34rpx;
  25. }
  26. .icon-system,
  27. .icon-business,
  28. .arrow {
  29. width: 48rpx;
  30. height: 48rpx;
  31. background: pink;
  32. }
  33. .info {
  34. display: flex;
  35. flex-direction: column;
  36. width: 558rpx;
  37. padding: 0 32rpx;
  38. }
  39. .title {
  40. font-size: 32rpx;
  41. line-height: 48rpx;
  42. color: rgba(51, 51, 51, 1);
  43. }
  44. .content {
  45. margin: 4rpx 0 16rpx;
  46. font-size: 28rpx;
  47. line-height: 40rpx;
  48. color: rgba(102, 102, 102, 1);
  49. }
  50. .date {
  51. font-size: 24rpx;
  52. line-height: 40rpx;
  53. color: rgba(102, 102, 102, 1);
  54. }
  55. .pullup-wrapper {
  56. display: flex;
  57. justify-content: center;
  58. align-items: center;
  59. width: 100%;
  60. height: 50px;
  61. }
  62. .van-loading__text {
  63. color: #969799;
  64. font-size: 14px;
  65. line-height: 20px;
  66. }