index.less 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .container {
  2. padding: 0 14rpx;
  3. .message {
  4. padding: 14rpx 0;
  5. text-align: center;
  6. font-size: 24rpx;
  7. color: #FE9221;
  8. background: #FFFAEA;
  9. }
  10. .total {
  11. margin: 16rpx 0 0;
  12. background: #FFFFFF;
  13. border-radius: 20rpx;
  14. .box {
  15. padding: 27rpx 31rpx;
  16. display: flex;
  17. align-items: center;
  18. justify-content: space-between;
  19. font-size: 24rpx;
  20. }
  21. }
  22. .historyList {
  23. position: fixed;
  24. top: 0;
  25. left: 0;
  26. height: 100vh;
  27. padding-top: 250rpx;
  28. padding-bottom:130rpx;
  29. box-sizing: border-box;
  30. .user {
  31. display: flex;
  32. align-items: center;
  33. justify-content: space-between;
  34. margin-bottom: 20rpx;
  35. padding: 20rpx 28rpx;
  36. background: #FFFFFF;
  37. border-radius: 20rpx;
  38. .avatar {
  39. width: 64rpx;
  40. height: 64rpx;
  41. background: #D8D8D8;
  42. border-radius: 50%;
  43. border: 1rpx solid #979797;
  44. }
  45. .info {
  46. flex: 1;
  47. margin-left: 30rpx;
  48. .nickName {
  49. margin-bottom: 6rpx;
  50. font-size: 30rpx;
  51. }
  52. .addTime {
  53. font-size: 26rpx;
  54. color: #7B7B7B;
  55. }
  56. }
  57. }
  58. }
  59. }
  60. .bottom {
  61. position: absolute;
  62. width: 100%;
  63. padding: 26rpx 0;
  64. bottom: 0;
  65. left: 0;
  66. background-color: white;
  67. .btn {
  68. margin: 0 auto;
  69. width: 466rpx;
  70. padding: 14rpx 0;
  71. background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
  72. border-radius: 39rpx;
  73. color: white;
  74. }
  75. }
  76. .empty {
  77. margin-top: 190rpx;
  78. .nullImg {
  79. transform: scale(0.8);
  80. }
  81. }